​x
 
<html>
<head>
<style>
span
{
font:12px arial;
background:#CCCCCC;
position:absolute;
width:100;
height:500;
top:100;
clip:rect(0 100 100 0);
}
</style>
<script type="text/javascript">
var interval
startPosition=0
topPosition=100
endPosition=100
speed=50
​
function scrollit()
{
if (startPosition!=200)
    {
    startPosition=startPosition+1
    topPosition=topPosition-1
    document.getElementById('display').style.clip="rect(" + (startPosition + 1) + " 100 " + (startPosition + endPosition) + " 0)"
    document.getElementById('display').style.top=topPosition
    interval=setTimeout("scrollit()",speed)
    }
else
    {
    startPosition=0
    topPosition=100
    endPosition=100
    interval=setTimeout("scrollit()",speed)
    }
}
​
function stopinterval()
{
clearTimeout(interval)
}
</script>
</head>
​
<body onload="scrollit()" onunload="stopinterval()">
<span id="display"><br /><br /><br /><br /><br /><br /><br />
开发者们，你们好。这段脚本制作了一个滚动文本。请访问： W3School.org.cn
</span>
</body>
</html>
​