javascript 模擬Marquee文字向左均勻滾動代碼

2019-11-21 01:04:19

字體：大中小

來源：轉載

供稿：網友

可以實現勻速、無縫、加鏈接以及其它的修飾效果，本代碼就是實現了這一功能，讓文字從右至右平滑滾動，滾動寬度、高度、速度均可以設定。

<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需刷新才能執行]

上一篇：純CSS 鏈接懸停提示效果代碼

下一篇：圖片與文字半透明效果鼠標移上不透明