简单javascript文字向上滚动代码

作者：简简单单 2014-07-04

提示：您可以先修改部分代码再运行

<!-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>
marqueey;      //定义高度
stopscroll=false; 
with(marqueey){
      style.;
     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.111com.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>

提示：您可以先修改部分代码再运行

上一个：js实现网页标题滚动效果特效代码下一个：radio实现checkbox的效果，再次点击后取消选择

简单javascript文字向上滚动代码

相关文章

精彩推荐