JavaScript圖文詳細(xì)教程之文字特殊效果_javascript

　　如果在文字上加點(diǎn)變化，是不是會(huì)使自己的網(wǎng)站更加吸引人呢？如果你想要的話就用JavaScript做吧。在上網(wǎng)時(shí)我們注意往往是網(wǎng)站頁(yè)面內(nèi)容，而狀態(tài)欄不會(huì)被人太多注意，如果我們給頁(yè)面的狀態(tài)欄加一些特效，肯定會(huì)使你的網(wǎng)站增添一道風(fēng)景，下面就給大家介紹7種常見(jiàn)的狀態(tài)欄特效的Javascript代碼。

JavaScript教程之文字特殊效果

　　特效一：滾動(dòng)顯示。

　　被過(guò)濾廣告。

　　第一步：把如下代碼加入《 head》區(qū)域中。

　　《 script language=“Javascript”》

　　《 ！--

　　function scrollit（seed） {

　　var m1 = “HI：你好！ ”;

　　var m2 = “歡迎訪問(wèn)多特”;

　　var m3 = “請(qǐng)多提意見(jiàn)，謝謝！ ”;

　　var m4 = “歡迎您下次再來(lái)！”;

　　var m5 = “www.duote.com ”;

　　var msg=m1+m2+m3+m4+m5;

　　var out = “ ”;

　　var c = 1;

　　if （seed 》 100） {

　　seed--;

　　cmd=“scrollit（”+seed+“）”;

　　timerTwo=window.setTimeout（cmd，100）;

　　}

　　else if （seed 《 = 100 && seed 》 0） {

　　for （c=0 ; c 《 seed ; c++） {

　　out+=“ ”;

　　}

　　out+=msg;

　　seed--;

　　window.status=out;

　　cmd=“scrollit（”+seed+“）”;

　　timerTwo=window.setTimeout（cmd，100）;

　　}

　　else if （seed 《 = 0） {

　　if （-seed 《 msg.length） {

　　out+=msg.substring（-seed，msg.length）;

　　seed--;

　　window.status=out;

　　cmd=“scrollit（”+seed+“）”;

　　timerTwo=window.setTimeout（cmd，100）;

　　}

　　else {

　　window.status=“ ”;

　　timerTwo=window.setTimeout（“scrollit（100）”，75）;

　　}

　　}

　　}

　　//--》

　　《 /script》

　　第二步：把如下代碼加入《 body》區(qū)域中

　　《 body background=bag.gif onLoad=“scrollit（100）”》

　　特效二：文字從狀態(tài)欄的右邊循環(huán)彈出

　　把如下代碼加入《 head》區(qū)域中

　　《 script language=“Javascript”》

　　var MESSAGE = “歡迎來(lái)到多特網(wǎng)，請(qǐng)多提意見(jiàn)。謝謝！ ”

　　var POSITION = 150

　　var DELAY = 10

　　var scroll = new statusMessageObject（）

　　function statusMessageObject（p，d） {

　　this.msg = MESSAGE

　　this.out = “ ”

　　this.pos = POSITION

　　this.delay = DELAY

　　this.i = 0

　　this.reset = clearMessage}

　　function clearMessage（） {

　　this.pos = POSITION}

　　function scroller（） {

　　for （scroll.i = 0; scroll.i 《 scroll.pos; scroll.i++） {

　　scroll.out += “ ”}

　　if （scroll.pos 》= 0）

　　scroll.out += scroll.msg

　　else scroll.out = scroll.msg.substring（-scroll.pos，scroll.msg.length）

　　window.status = scroll.out

　　scroll.out = “ ”

　　scroll.pos--

　　if （scroll.pos 《 -（scroll.msg.length）） {

　　scroll.reset（）}

　　setTimeout （‘scroller（）’，scroll.delay）}

　　function snapIn（jumpSpaces，position） {

　　var msg = scroll.msg

　　var out = “”

　　for （var i=0; i《 position; i++）

　　{out += msg.charAt（i）}

　　for （i=1;i《 jumpSpaces;i++）

　　{out += “ ”}

　　out += msg.charAt（position）

　　window.status = out

　　if （jumpSpaces 《 = 1） {

　　position++

　　if （msg.charAt（position） == ‘ ’）

　　{position++ }

　　jumpSpaces = 100-position

　　} else if （jumpSpaces 》 3）

　　{jumpSpaces *= .75}

　　else

　　{jumpSpaces--}

　　if （position ！= msg.length） {

　　var cmd = “snapIn（” + jumpSpaces + “，” + position + “）”;

　　scrollID = window.setTimeout（cmd，scroll.delay）;

　　} else { window.status=“”

　　jumpSpaces=0

　　position=0

　　cmd = “snapIn（” + jumpSpaces + “，” + position + “）”;

　　scrollID = window.setTimeout（cmd，scroll.delay）;

　　return false }

　　return true}

　　snapIn（100，0）;

　　《 /script》