欢迎来到亿搜云建站平台,全网营销云系统加盟中心!

海量企业网站模板 · 任您选择

美出特色,精出品质,一切为了企业更好的营销

隐藏侧栏
Beta
转载

简单javascript文字向上滚动代码

       滚动     2016-02-16     eycms     46     0    

<!-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>


--结束END--

本文链接: http://www.eycms.cn/resources/roll/1130.html (转载时请注明来源链接)

 
本文标签: 全部

下班PC阅读不方便?

手机也可以随时学习开发

微信关注公众号“亿搜云”
"亿搜云平台前端开发教学"
每日干货技术分享
 

×

成为 亿搜云平台 代理商!

关注

微信
关注

微信扫一扫
获取最新优惠信息

亿搜云平台公众号

客服

联系
客服

很高兴为您服务
尊敬的用户,欢迎您咨询,我们为新用户准备了优惠好礼。 咨询客服

联系客服:

在线QQ: 40819446

客服电话: 15250286283

售前咨询 售后服务
在线交谈 智能小云

工作时间:

周一至周五: 09:00 - 17:00

WAP

手机
访问

移动端访问
手机上也能选模板

亿搜云平台手机端