当前位置：Gxlcms > JavaScript > javascript 模拟Marquee文字向左均匀滚动代码

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

时间：2021-07-01 10:21:17 帮助过：2人阅读

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

<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>欢迎光临脚本之家 网页特效栏目，精品特效全收罗！</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需刷新才能执行]

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

人气教程排行