Hallo,
ich habe ein Script geschrieben, dass mir einen Text Pixelweise "ausrollt".
Wie kann ich die Geschwindigkeit dieses Vorgangs verlangsamen?
Viele Grüße
lama
ich habe ein Script geschrieben, dass mir einen Text Pixelweise "ausrollt".
Wie kann ich die Geschwindigkeit dieses Vorgangs verlangsamen?
Viele Grüße
lama
Code:
<html>
<head><title>Test</title>
<script type="text/javascript">
function roll(indent,niedrig,hoch) {
for (var i = niedrig; i <= hoch; i++){
document.getElementById(indent).style.height = i + "px";
}
}
</script>
</head>
<body>
<div id="container" style="height:50px; display:block; overflow:hidden; width:10em;">
<p>ÜBERSCHRIFT</p>
<p>Hier ist ein text drin!<br/>der ist text</p>
<p>Hier ist ein text drin!<br/>der ist text</p>
<p>Hier ist ein text drin!<br/>der ist text</p>
<p>Hier ist ein text drin!<br/>der ist text</p>
<p>Hier ist ein text drin!<br/>der ist text</p>
<p>Hier ist ein text drin!<br/>der ist text</p>
<p>Hier ist ein text drin!<br/>der ist text</p>
<p>Hier ist ein text drin!<br/>der ist text</p>
<p>Hier ist ein text drin!<br/>der ist text</p>
<p>Hier ist ein text drin!<br/>der ist text</p>
<p>Hier ist ein text drin!<br/>der ist text</p>
</div>
<a href="#" onClick="roll('container','50','500');">Rollen</a>
</body>
</html>