鼠標(biāo)移入移出時(shí)顏色變化代碼

2012/10/23 18:18:17作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

鼠標(biāo)移入移出時(shí)顏色變化

【實(shí)例描述】

當(dāng)用戶將鼠標(biāo)移動(dòng)到按鈕或鏈接上時(shí)．為了突出顯示用戶的選擇，會(huì)改變鏈接和按鈕的顏色。默認(rèn)鏈接的顏色是自動(dòng)變化的，本例學(xué)習(xí)如何手動(dòng)為按鈕設(shè)置這種效果。

【實(shí)例代碼】

 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)</title>
</head>
<body>
<input type="submit" value="把鼠標(biāo)移動(dòng)這里" 
name="btn1" onMouseOut=this.style.color="blue" 
onMouseOver=this.style.color="red" >
</body>
</html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是鼠標(biāo)事件的應(yīng)用。當(dāng)鼠標(biāo)移動(dòng)到控件上時(shí)，觸發(fā)了‘'onMouseOver”事件，當(dāng)鼠標(biāo)移走時(shí)，觸發(fā)“onMouseOut”事件。兩個(gè)事件的響應(yīng)都是使用“style.color”改變控件的顏色。

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽：鼠標(biāo) 代碼