當前位置:成語大全網 - 成語詞典 - 用JavaScript使鏈接按鈕不斷變化

用JavaScript使鏈接按鈕不斷變化

按鈕是網頁中常常能見到的壹種東東。但是用按鈕做鏈接妳可能還沒有見到過。今天教妳的這種方法,不僅可以用按鈕來制作鏈接,而且按鈕中鏈接還能不斷變化顯示。效果非常好看又能節省頁面空間,真是壹舉兩得,趕快試試吧!

壹、把下面的程序代碼加入到head/head區域中。

[code]

SCRIPT LANGUAGE="JavaScript"

!-- begin

// please help yourself to this code.

var startTime =null;

var timerID =null;

var initial =new Date();

var pos =0;

var menuItem =null;

function initArray() {

this.length = initArray.arguments.length

for (var i = 0; i

this.length; i++) {

this[i+1] = initArray.arguments[i]

}

}

function parsemenuItem(data,num) {

for(var i=0;idata.length;i++) {

if(data.substring(i,i+1)=="|") break;

}

if (num==0) return(data.substring(0,i));

else return(data.substring(i+1,data.length));

}

function startTimer() {

initial = new Date();

startTime=initial.getTime();

stopTimer();

menuItem = new initArray("賽迪網Windows世界|",

"賽迪網沖浪指南針|",

"賽迪網軟件下載園|",

"賽迪網辦公自動化|office/",

"賽迪網軟件e學堂|",

"賽迪網多媒體之家|multimedia/",

"賽迪網培訓與考試|",

"賽迪網電腦大詞典|dict/");

showTimer();

}

function stopTimer() {

timerID=null;

menuItem=null;

//clearTimeout(timerID);

}

function showTimer() {

pos= (pos == menuItem.length) ? 1 : pos + 1;

document.forms[0].elements[0].

value=parsemenuItem(menuItem[pos],0);

timerID=window.setTimeout(showTimer(),4000);

}

function goToUrl() {

//parent.welcome.location=parsemenuItem(menuItem[pos],1);

this.location=parsemenuItem(menuItem[pos],1);

return (false);

}

// end --

/SCRIPT

[/code][button value="復制代碼"]

註:上面的鏈接和說明可以自己修改,上面('showTimer()',4000)中的4000是用來設置鏈接之間變化速度,數字越小速度越快。

二、把下面的代碼加入到body區域中。

[code]FORM

INPUT TYPE="button" VALUE=" zhouqing " NAME="goTo"

onClick="window.goToUrl()"

/FORM[/code][button value="復制代碼"]

三、最後把body中的內容改為如下代碼。

body bgcolor="#ffffff" onLoad="window.startTimer()"