javascript 模拟Marquee文字向左均匀滚动代码

时间：2022-01-04 10:56:42|栏目：JavaScript代码|点击：次

可以实现匀速、无缝、加链接以及其它的修饰效果，本代码就是实现了这一功能，让文字从右至右平滑滚动，滚动宽度、高度、速度均可以设定。

<HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>Js文字向左运动</TITLE> </HEAD> <BODY > <script language="JavaScript1.2"> var marqueewidth=350 var marqueeheight=22 var speed=5 var marqueecontents='<strong><big>欢迎光临<a href="/jscss/">脚本之家</a> 网页特效栏目，精品特效全收罗！</big></strong></font>' if (document.all) document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>') function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ setTimeout("window.onresize=regenerate",450) intializemarquee() } } function intializemarquee(){ document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>') document.cmarquee01.document.cmarquee02.document.close() thelength=document.cmarquee01.document.cmarquee02.document.width scrollit() } function scrollit(){ if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){ document.cmarquee01.document.cmarquee02.left-=speed setTimeout("scrollit()",100) } else{ document.cmarquee01.document.cmarquee02.left=marqueewidth scrollit() } } window.onload=regenerate2 </script> <ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01"> <layer name="cmarquee02"></layer> </ilayer> </BODY> </HTML>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：js属性对象的hasOwnProperty方法的使用

栏目：JavaScript代码

下一篇：js里取容器大小、定位、距离等属性搜集整理

本文标题：javascript 模拟Marquee文字向左均匀滚动代码

本文地址：http://www.codeinn.net/misctech/189103.html

更多JavaScript代码

JavaScript代码

javascript 模拟Marquee文字向左均匀滚动代码

阅读排行

推荐教程