幾種鼠標(biāo)觸發(fā)CSS事件。

說(shuō)明：

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

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

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

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

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

CSS 鼠標(biāo)響應(yīng)事件

.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)松開鼠標(biāo)時(shí)觸發(fā)onMouseOut 鼠標(biāo)移出時(shí)觸發(fā)onMouseMove 鼠標(biāo)移動(dòng)時(shí)觸發(fā)

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

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

td {

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

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

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

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

background-color:#ffffff;

}

控制表格隔行變色:

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

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

添加CSS文件引用:

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。