當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > JS代碼實(shí)現(xiàn)會(huì)跳舞的鏈接

JS代碼實(shí)現(xiàn)會(huì)跳舞的鏈接

2012/10/29 12:34:01作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱(chēng)】

會(huì)跳舞的鏈接

【實(shí)例描述】

所謂跳舞,就是鏈接的顏色不斷變化。本例使用定時(shí)器不斷改變鏈接的顏色,實(shí)現(xiàn)連接的跳舞特效。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁(yè)-學(xué)無(wú)憂(yōu)(www.wangbatian.cn)</title> <SCRIPT LANGUAGE="JavaScript"> function initArray() {     for (var i = 0; i < initArray.arguments.length; i++) {         this[i] = initArray.arguments[i];     }     this.length = initArray.arguments.length; //獲取初始化數(shù)組的參數(shù)個(gè)數(shù) } var colors = new initArray(                  //定義顏色數(shù)組     "#ffffcc",     "yellow",     "green",     "purple",     "black",     "tan",     "gray"); delay = 0.6;                             //延遲時(shí)間  單位為秒 link = 0; vlink = 2; function linkDance() {     link = (link+1)%colors.length;        //設(shè)置鏈接的默認(rèn)顏色     vlink = (vlink+1)%colors.length;      //設(shè)置查看過(guò)的鏈接的默認(rèn)顏色     document.linkColor = colors[link];    //改變鏈接的顏色     document.vlinkColor = colors[vlink];  //改變查看過(guò)的鏈接顏色     setTimeout("linkDance()",delay*1000); //設(shè)置定時(shí)器,實(shí)現(xiàn)顏色的定時(shí)變化 } linkDance(); </script> </head> <body> <a href="#" >這是一個(gè)跳舞的鏈接</a> </body> </html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是如何實(shí)現(xiàn)顏色的隨機(jī)變化。代碼中使用“initArray”,保存了一些顏色。使用“setTimeout”定時(shí)器不斷執(zhí)行“l(fā)inkDance”方法,實(shí)現(xiàn)顏色的不斷變化。

【源碼下載】

如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性,你可以點(diǎn)擊:會(huì)跳舞的鏈接 進(jìn)行本實(shí)例源碼下載 

標(biāo)簽: JS代碼  鏈接