JavaScript圖文詳細(xì)教程之鏈接按鈕不斷變化_javascript

　　盡管按鈕是網(wǎng)頁中常常能見到的一種東東，而且極其普通，但是在網(wǎng)頁當(dāng)中的作用也是舉足輕重的，不過在這里我們可以更有創(chuàng)意一點(diǎn)，那就是用按鈕做鏈接，你可能還沒有見到過吧。今天教你的這種方法，不僅可以用按鈕來制作鏈接，而且按鈕中鏈接還能不斷變化顯示。效果非常好看又能節(jié)省頁面空間，真是一舉兩得，趕快試試吧！

JavaScript教程之鏈接按鈕不斷變化

　　一、把下面的程序代碼加入到《head》《/head》區(qū)域中。

　　《SCRIPT LANGUAGE=“JavaScript”》《BR》《！-- begin《BR》// please help yourself to this code.《BR》var startTime =null;《BR》var timerID =null;《BR》var initial =new Date（）;《BR》var pos =0;《BR》var menuItem =null;《BR》《BR》　　function initArray（） {《BR》this.length = initArray.arguments.length《BR》for （var i = 0; i 《 this.length; i++） {《BR》this［i+1］ = initArray.arguments［i］《BR》}《BR》}《BR》《BR》　　function parsemenuItem（data，num） {《BR》for（var i=0;i《data.length;i++） {《BR》if（data.substring（i，i+1）==“|”） break;《BR》}《BR》if （num==0） return（data.substring（0，i））;《BR》else return（data.substring（i+1，data.length））;《BR》}《BR》《BR》　　function startTimer（） {《BR》initial = new Date（）;《BR》startTime=initial.getTime（）;《BR》stopTimer（）;《BR》menuItem = new initArray（“賽迪網(wǎng)Windows世界|http://www.ccidnet.com/school/system/”，《BR》“賽迪網(wǎng)沖浪指南針|http://www.ccidnet.com/school/net/”，《BR》“賽迪網(wǎng)軟件下載園|http://www.ccidnet.com/school/soft/”，《BR》“賽迪網(wǎng)辦公自動(dòng)化|http://www.ccidnet.com/school/office/”，《BR》“賽迪網(wǎng)軟件e學(xué)堂|http://www.ccidnet.com/school/software/”，《BR》“賽迪網(wǎng)多媒體之家|http://www.ccidnet.com/school/multimedia/”，《BR》“賽迪網(wǎng)培訓(xùn)與考試|http://www.ccidnet.com/school/exam/”，《BR》“賽迪網(wǎng)電腦大詞典|http://www.ccidnet.com/school/dict/”《BR》）;《BR》showTimer（）;《BR》}《BR》《BR》　　function stopTimer（） {《BR》timerID=null;《BR》menuItem=null;《BR》//clearTimeout（timerID）;《BR》}《BR》《BR》　　function showTimer（） {《BR》pos= （pos == menuItem.length） ？ 1 ： pos + 1;《BR》document.forms［0］.elements［0］。《BR》value=parsemenuItem（menuItem［pos］，0）;《BR》《BR》　　timerID=window.setTimeout（´showTimer（）´，4000）;《BR》}《BR》《BR》　　function goToUrl（） {《BR》//parent.welcome.location=parsemenuItem（menuItem［pos］，1）;《BR》this.location=parsemenuItem（menuItem［pos］，1）;《BR》return （false）;《BR》}《BR》// end --》《BR》《/SCRIPT》《BR》

　　注：上面的鏈接和說明可以自己修改，上面（‘showTimer（）’，4000）中的4000是用來設(shè)置鏈接之間變化速度，數(shù)字越小速度越快。

　　二、把下面的代碼加入到《body》區(qū)域中。

　　《FORM》

　　《INPUT TYPE=“button” VALUE=“ zhouqing ” NAME=“goTo”

　　onClick=“window.goToUrl（）”》

　　《/FORM》

　　三、最后把《body》中的內(nèi)容改為如下代碼。

　　《body bgcolor=“#ffffff” onLoad=“window.startTimer（）”》