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

更新時間：2009年10月18日 21:51:59 作者：

Marquee是HTML語言里固有的文字滾動標(biāo)簽，雖然用著方便，但是功能上有一些限制，很多時候我們都是通過JavaScript來補充這一功能.

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

<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> 網(wǎng)頁特效欄目，精品特效全收羅！</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需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

Marquee配合DIV實現(xiàn)的文字滾動效果代碼
Marquee走馬燈標(biāo)簽，用它能實現(xiàn)各種各樣的滾動，而只需修改個別參數(shù)就行了，在WEB標(biāo)準時代，Marquee的作用當(dāng)然也應(yīng)該與時俱進了.
2009-11-11
CSS3實現(xiàn)3D文字動畫效果
CSS3 3D文字動畫，看到這個字眼都覺得震撼，順便兼用下另兩個屬性：transition 和 animation。由于使用CSS3技術(shù)，因此測試時請使用火狐或Chrome等瀏覽器，否則不能看到效果
2012-12-12
Js仿新浪微博首頁內(nèi)容滾動
JavaScript仿新浪微博首頁的內(nèi)容滾動，將推薦的幾條微博按一定規(guī)律自行滾動，依次類推，大家先看看效果就明白了
2010-11-11
javascript 灑脫飄動的文字
飄動的文字，看著還挺自在、灑脫，網(wǎng)上經(jīng)常見的東西，原來是這么實現(xiàn)的，奉獻給大家哦。
2009-10-10
js文字鏈接的熱點提示效果代碼
文字鏈接的熱點提示效果，一本書上的小提示例子，鼠標(biāo)停在紅色的鏈接文字上就會有一個小小的提示窗口顯示出來，有意思吧，支持鏈接哦。
2011-08-08
CSS 動態(tài)鏈接提示
CSS實現(xiàn)動態(tài)的鏈接提示，帶動畫效果，當(dāng)然，這不光是CSS的功勞，JavaScript也用上了，當(dāng)你把鼠標(biāo)放到文字上的時候，你就會看到一行提示文字出現(xiàn)的效果了。
2009-10-10
走馬燈效果代碼js appendChild實現(xiàn)的無縫滾動
走馬燈效果代碼js appendChild實現(xiàn)的無縫滾動
2010-03-03
Javascript把小寫字母依次變?yōu)榇髮懀瑖栏駚碚f不算是大小寫轉(zhuǎn)換程序，它主要是把文字按一定順序依次變?yōu)樾懙?，估計有人要用到吧?
2009-10-10