c语言鼠标移动响应,CSS鼠标响应事件经过、移动、点击示例介绍
幾種鼠標(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)題。
- 上一篇: 北京环球影城几点闭园
- 下一篇: 紫檀木多少钱啊?