点击运行
<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 /> 开发者们，你们好。这段脚本制作了一个滚动文本。请访问： www.qianmu.net </span> </body> </html>
运行结果
