?
Code:
<html>
<head>
<style type='text/css'>
.textinhalt1 {
text-align:left;
font-weight:bold;
font-size:1em;
padding-bottom:14px;
font-size:100%;
}
.textinhalt2 {
text-align:justify;
font-weight:bold;
padding-bottom:16px;
font-size:200%;
}
</style>
</head>
<body>
<span class='textinhalt1'>blabla</span>
<span class='textinhalt2'>blabla</span>
</body>
</html>
funzt doch prima ...
mir ist gerade danach:
hier eine mittels jquery aufgepeppte variante. mit der maus einfach über die texte fahren...
Code:
<html>
<head>
<s***** type="text/javas*****" src="http://api.jquery.com/browser/lib/jquery/jquery.js"></s*****>
<style type='text/css'>
.textinhalt1 {
text-align:left;
color: red;
font-weight:bold;
font-size:1em;
padding-bottom:14px;
font-size:150%;
}
.textinhalt2 {
text-align:justify;
font-weight:bold;
padding-bottom:16px;
font-size:200%;
}
</style>
<s***** type="text/javas*****">
function rand_size () {
var new_size = 50 + parseInt(Math.random() * 200);
new_size = new_size + ((Math.random() > 0.5) ? '%' : 'px');
$(this).css('font-size', new_size);
$(this).children().html ('größe :' + new_size);
}
$(document).ready(function(){
$(".textinhalt1,.textinhalt2").bind
("mouseenter mouseleave", rand_size);
});
</s*****>
</head>
<body>
<span class='textinhalt1'>ein Text <span class="info"></span></span><br>
<span class='textinhalt2'>und noch ein Text <span class="info"></span></span>
</body>
</html>