<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>连续向下滚动</title> <style type="text/css"> <!-- body { font-size: 9pt; color: #000000; } a { color: #0000FF; text-decoration: none; } a:hover { color: #FF0000; text-decoration: underline; } --> </style> </head>
<body>
<div id="marquees"> <a href="#">链接一</a><br> <br> <a href="#">链接二</a><br> <br> <a href="#">链接三</a><br> <br> <a href="#">链接四</a><br> <br> </div> <script language="JavaScript">
marqueesHeight=200;
with(marquees){ style.width=0; style.height=marqueesHeight; style.overflowX="visible"; style.overflowY="hidden"; noWrap=true; οnmοuseοver=new Function("stopscroll=true"); οnmοuseοut=new Function("stopscroll=false"); } document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>'); preTop=0; currentTop=0;getlimit=0;stopscroll=false;
function init(){ templayer.innerHTML=""; while(templayer.offsetHeight<marqueesHeight){ templayer.innerHTML+=marquees.innerHTML; } marquees.innerHTML+=templayer.innerHTML; setInterval("scrollDown()",10); }init();
function scrollDown(){ if(stopscroll==true) return;
preTop=marquees.scrollTop; marquees.scrollTop-=1; if(preTop==marquees.scrollTop){ if(!getlimit){ marquees.scrollTop=templayer.offsetHeight*2; getlimit=marquees.scrollTop; } marquees.scrollTop=getlimit-templayer.offsetHeight+marqueesHeight; marquees.scrollTop-=1; } } </script> </body> </html>