首页 > 网络编程 > JavaScript > 网页特效 > 文字特效 > Marquee 文字向左滚动

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

2009-10-18 21:51:59 作者：

Marquee是HTML语言里固有的文字滚动标签，虽然用着方便，但是功能上有一些限制，很多时候我们都是通过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需刷新才能执行]

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

您可能感兴趣的文章: