css設(shè)置鼠標(biāo)事件的方法

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

　　說(shuō)明：

　　onMouseDown 按下鼠標(biāo)時(shí)觸發(fā)

　　onMouseOver 鼠標(biāo)經(jīng)過(guò)時(shí)觸發(fā)

　　onMouseUp 按下鼠標(biāo)松開(kāi)鼠標(biāo)時(shí)觸發(fā)

　　onMouseOut 鼠標(biāo)移出時(shí)觸發(fā)

　　onMouseMove 鼠標(biāo)移動(dòng)時(shí)觸

　　代碼如下:

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

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

　　鼠標(biāo)響應(yīng)事件 當(dāng)鼠標(biāo)經(jīng)過(guò)移出時(shí)切換css

　　onMouseDown 按下鼠標(biāo)時(shí)觸發(fā)

　　onMouseOver 鼠標(biāo)經(jīng)過(guò)時(shí)觸發(fā)

　　onMouseUp 按下鼠標(biāo)松開(kāi)鼠標(biāo)時(shí)觸發(fā)

　　onMouseOut 鼠標(biāo)移出時(shí)觸發(fā)

　　onMouseMove 鼠標(biāo)移動(dòng)時(shí)觸發(fā)

　　代碼如下:

　　鼠標(biāo)經(jīng)過(guò)表格變色樣式:

　　復(fù)制代碼 代碼如下:

　　table { background-color:#000000; cursor:hand; width:100%; }

　　td {

　　/*設(shè)置onmouseover事件*/

　　onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'});

　　/*設(shè)置onmouseout事件*/

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

　　background-color:#ffffff;

　　}

　　控制表格隔行變色:

　　簡(jiǎn)單應(yīng)用:

　　高級(jí)應(yīng)用:每個(gè)單元格變色

【css設(shè)置鼠標(biāo)事件的方法】相關(guān)文章：

css設(shè)置鼠標(biāo)手勢(shì)的方法11-02

css實(shí)現(xiàn)鼠標(biāo)滑過(guò)改變文字的方法01-15

win7鼠標(biāo)設(shè)置方法09-20

css設(shè)置層透明實(shí)例03-09

無(wú)線鼠標(biāo)對(duì)碼模式設(shè)置12-06

如何設(shè)置鼠標(biāo)的速度10-20

六鍵鼠標(biāo)怎么用 六鍵鼠標(biāo)怎么設(shè)置09-02

無(wú)線鼠標(biāo)對(duì)碼模式怎么設(shè)置09-29

CSS簡(jiǎn)寫方法總結(jié)10-02