开启企业建站营销新时代、免费建站平台倡导者  站长学院  高端定制请点这里
热线:13913253836
您现在的位置:首页 > 站长学院 > 建站资讯 > 建站、设计教程 > 滚动

简单javascript文字向上滚动代码

作者:eycms 日期:2016/2/16 17:34:45 人气:44

  

<!-start-><DIV id=marqueey>

<table width="476"  border="0" cellspacing="0" cellpadding="0">

  <!-start->

  <!-list->

  <tr >

    <td width="22" align="center"><img  src="images/items.gif" width="16" height="14"></td>

    <td height="19" width="450"><a href="" class="tList" target="" >文字向上滚动代码</a> <font class=fonts></font></td>

  </tr>

  <tr>

    <td colspan=2 background="images/line.gif" height=3></td>

  </tr>

  <!-list->

  <!-end->

</table>

</DIV><SCRIPT language=Javascript>

marqueeyHeight=140;      //定义高度

stopscroll=false; 

with(marqueey){

      style.width=0;

     style.height=marqueeyHeight;

      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<marqueeyHeight){

         templayer.innerHTML+=marqueey.innerHTML;

      }

      marqueey.innerHTML=templayer.innerHTML+templayer.innerHTML;

     setInterval("scrollUp()",40);      //www.1xx.cn.net滚动速度控制,越大越慢

}

document.body.onload=init;

function scrollUp(){

     if(stopscroll==true) return;

      preTop=marqueey.scrollTop;

     marqueey.scrollTop+=1;

      if(preTop==marqueey.scrollTop){

         marqueey.scrollTop=templayer.offsetHeight-marqueeyHeight;

          marqueey.scrollTop+=1;

      }

}

</SCRIPT>

<!-end-></td>

 </tr>

</table>


回到顶部