【執行個體名稱】
滑鼠移入移出時顏色變化
【執行個體描述】
當使用者將滑鼠移動到按鈕或連結上時.為了反白使用者的選擇，會改變連結和按鈕的顏色。預設連結的顏色是自動變化的，本例學習如何手動為按鈕設定這種效果。
【執行個體代碼】
<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”改變控制項的顏色。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
