- 相關(guān)推薦
css設(shè)置鼠標事件的方法
習慣于使用 Windows 的用戶對各種各樣的鼠標樣式一定不會陌生,當鼠標移動到不同的地方時,當鼠標需要執(zhí)行不同的功能時,當系統(tǒng)處于不同的狀態(tài)時,都會使鼠標形狀發(fā)生改變。下面小編給大家整理了幾種鼠標觸發(fā)CSS事件的代碼,供大家參閱。
說明:
onMouseDown 按下鼠標時觸發(fā)
onMouseOver 鼠標經(jīng)過時觸發(fā)
onMouseUp 按下鼠標松開鼠標時觸發(fā)
onMouseOut 鼠標移出時觸發(fā)
onMouseMove 鼠標移動時觸
代碼如下:
.Off{ background-color: #00FF66; padding:100px;}
.up{background-color: #FF0000; padding:100px}
鼠標響應(yīng)事件 當鼠標經(jīng)過移出時切換css
onMouseDown 按下鼠標時觸發(fā)
onMouseOver 鼠標經(jīng)過時觸發(fā)
onMouseUp 按下鼠標松開鼠標時觸發(fā)
onMouseOut 鼠標移出時觸發(fā)
onMouseMove 鼠標移動時觸發(fā)
代碼如下:
鼠標經(jīng)過表格變色樣式:
復(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;
}
控制表格隔行變色:
簡單應(yīng)用:
高級應(yīng)用:每個單元格變色
【css設(shè)置鼠標事件的方法】相關(guān)文章:
css設(shè)置鼠標手勢的方法06-24
win7鼠標設(shè)置方法09-26
css設(shè)置層透明實例07-16
如何設(shè)置鼠標的速度06-29
無線鼠標對碼模式設(shè)置08-13
無線鼠標對碼模式怎么設(shè)置10-11
CSS簡寫方法總結(jié)06-27