【實例名稱】
鼠標移入移出時顏色變化
【實例描述】
當用戶將鼠標移動到按鈕或鏈接上時.為了突出顯示用戶的選擇，會改變鏈接和按鈕的顏色。默認鏈接的顏色是自動變化的，本例學習如何手動為按鈕設置這種效果。
【實例代碼】
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁</title>
</head>
<body>
<input type="submit" value="把鼠標移動這裡"
name="btn1" onMouseOut=this.style.color="blue"
onMouseOver=this.style.color="red" >
</body>
</html>
【運行效果】
【難點剖析】
本例的重點是鼠標事件的應用。當鼠標移動到控件上時，觸發了‘'onMouseOver”事件，當鼠標移走時，觸發“onMouseOut”事件。兩個事件的響應都是使用“style.color”改變控件的顏色。
