不間斷向上滾動代碼

2009-06-09　來源/作者：懶人圖庫　分類：滾動代碼　 «»

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="Copyright" content="懶人圖庫 http://m.cxj168.com/" />
<meta name="description" content="學會偷懶，并懶出境界是提高工作效率最有效的方法！" />
<meta content="懶人圖庫" name="keywords" />
<title>懶人圖庫</title>
</head>

<body><div   class="s0w2gy0"   id=marquees><A href="javascript:">1,你可曾有過無數的夢想，</A><BR><BR><A 
href="javascript:">2,卻在時光的流逝里幻滅 </A><BR><BR><A 
href="javascript:">3,你可曾對未來期待憧憬，</A><BR><BR><A 
href="javascript:">4,卻在成長的歲月中迷失</A><BR><BR></DIV>
<SCRIPT language=JavaScript>

marqueesHeight=200;
stopscroll=false;

with(marquees){
  style.width=0;
  style.height=marqueesHeight;
  style.overflowX="visible";
  style.overflowY="hidden";
  noWrap=true;
  onmouseover=new Function("stopscroll=true");
  onmouseout=new Function("stopscroll=false");
}
document.write('<div   class="gmyiskq"   id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

preTop=0; currentTop=0;

function init(){
  templayer.innerHTML="";
  while(templayer.offsetHeight<marqueesHeight){
    templayer.innerHTML+=marquees.innerHTML;
  }
  marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
  setInterval("scrollUp()",20);//越大越慢
}
document.body.onload=init;

function scrollUp(){
  if(stopscroll==true) return;
  preTop=marquees.scrollTop;
  marquees.scrollTop+=1;
  if(preTop==marquees.scrollTop){
    marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
    marquees.scrollTop+=1;
  }
}
</SCRIPT>
<p>查找更多代碼，請訪問：<a href="http://m.cxj168.com" target="_blank">懶人圖庫</a></p>

</body>
</html>

運行代碼保存代碼提示：您可以先修改部分代碼再運行，保存代碼功能在Firefox下無效。

不間斷無接縫向上滾動代碼

運行代碼后，刷新頁面。

標簽：滾動代碼