css設置鼠標事件的方法

時間：2025-09-03 03:10:12 網(wǎng)頁設計我要投稿

css設置鼠標事件的方法

　　習慣于使用 Windows 的用戶對各種各樣的鼠標樣式一定不會陌生，當鼠標移動到不同的地方時，當鼠標需要執(zhí)行不同的功能時，當系統(tǒng)處于不同的狀態(tài)時，都會使鼠標形狀發(fā)生改變。下面小編給大家整理了幾種鼠標觸發(fā)CSS事件的代碼，供大家參閱。

css設置鼠標事件的方法

　　說明：

　　onMouseDown 按下鼠標時觸發(fā)

　　onMouseOver 鼠標經(jīng)過時觸發(fā)

　　onMouseUp 按下鼠標松開鼠標時觸發(fā)

　　onMouseOut 鼠標移出時觸發(fā)

　　onMouseMove 鼠標移動時觸

　　代碼如下:

　　.Off{ background-color: #00FF66; padding:100px;}

　　.up{background-color: #FF0000; padding:100px}

　　鼠標響應事件當鼠標經(jīng)過移出時切換css

　　onMouseDown 按下鼠標時觸發(fā)

　　onMouseOver 鼠標經(jīng)過時觸發(fā)

　　onMouseUp 按下鼠標松開鼠標時觸發(fā)

　　onMouseOut 鼠標移出時觸發(fā)

　　onMouseMove 鼠標移動時觸發(fā)

　　代碼如下:

　　鼠標經(jīng)過表格變色樣式:

　　復制代碼代碼如下:

　　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設置鼠標事件的方法】相關文章：

色www,五月婷婷深爱五月,午夜国产一级片,色噜噜综合,国产大胸无码视频,清纯美女被操黄网站在线观看,波多野结衣av高清一区二区三区