向上滚动代码(不兼容火狐)

来源:互联网 发布:matlab三维数组 编辑:程序博客网 时间:2024/05/14 02:32

<DIV id=div1><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(div1){
  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 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+=div1.innerHTML;
  }
  div1.innerHTML=templayer.innerHTML+templayer.innerHTML;
  setInterval("scrollUp()",20);//越大越慢
}
document.body.onload=init;

function scrollUp(){
  if(stopscroll==true) return;
  preTop=div1.scrollTop;
  div1.scrollTop+=1;
  if(preTop==div1.scrollTop){
    div1.scrollTop=templayer.offsetHeight-marqueesHeight;
    div1.scrollTop+=1;
  }
}
</SCRIPT>

原创粉丝点击