幾種鼠標觸發CSS事件。

說明：

onMouseDown 按下鼠標時觸發

onMouseOver 鼠標經過時觸發

onMouseUp 按下鼠標松開鼠標時觸發

onMouseOut 鼠標移出時觸發

onMouseMove 鼠標移動時觸

CSS 鼠標響應事件

.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(οnmοuseοver=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'});

/*設置onmouseout事件*/

onmouseout: expression(οnmοuseοut=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''});

background-color:#ffffff;

}

控制表格隔行變色:

簡單應用:

高級應用:每個單元格變色

添加CSS文件引用:

總結

以上是生活随笔為你收集整理的c语言鼠标移动响应,CSS鼠标响应事件经过、移动、点击示例介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。