css設置鼠標事件的方法
習慣于使用 Windows 的用戶對各種各樣的鼠標樣式一定不會陌生，當鼠標移動到不同的地方時，當鼠標需要執行不同的功能時，當系統處于不同的狀態時，都會使鼠標形狀發生改變。下面小編給大家整理了幾種鼠標觸發CSS事件的代碼，供大家參閱。
說明：
onMouseDown 按下鼠標時觸發
onMouseOver 鼠標經過時觸發
onMouseUp 按下鼠標松開鼠標時觸發
onMouseOut 鼠標移出時觸發
onMouseMove 鼠標移動時觸
代碼如下:
.Off{ background-color: #00FF66; padding:100px;}
.up{background-color: #FF0000; padding:100px}
鼠標響應事件 當鼠標經過移出時切換css
onMouseDown 按下鼠標時觸發
onMouseOver 鼠標經過時觸發
onMouseUp 按下鼠標松開鼠標時觸發
onMouseOut 鼠標移出時觸發
onMouseMove 鼠標移動時觸發
代碼如下:
鼠標經過表格變色樣式:
復制代碼 代碼如下:
table { background-color:#000000; cursor:hand; width:100%; }
td {
/*設置onmouseover事件*/
onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'});
/*設置onmouseout事件*/
onmouseout: expression(onmouseout=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''});
background-color:#ffffff;
}
控制表格隔行變色:
簡單應用:
高級應用:每個單元格變色
【css設置鼠標事件的方法】相關文章：
css設置鼠標手勢的方法11-02
css實現鼠標滑過改變文字的方法01-15
win7鼠標設置方法09-20
css設置層透明實例03-09
無線鼠標對碼模式設置12-06
如何設置鼠標的速度10-20
六鍵鼠標怎么用 六鍵鼠標怎么設置09-02
無線鼠標對碼模式怎么設置09-29
CSS簡寫方法總結10-02