html⿏标滑动响应,CSS⿏标响应事件经过、移动、点击⽰例介
绍
⼏种⿏标触发CSS事件。
说明：
onMouseDown 按下⿏标时触发
onMouseOver ⿏标经过时触发
onMouseUp 按下⿏标松开⿏标时触发
onMouseOut ⿏标移出时触发
onMouseMove ⿏标移动时触
代码如下:
CSS ⿏标响应事件
.
Off{ background-color: #00FF66; padding:100px;}
.up{background-color: #FF0000; padding:100px}
⿏标响应事件当⿏标经过移出时切换css
onMouseDown 按下⿏标时触发onMouseOver ⿏标经过时触发onMouseUp 按下⿏标松开⿏标时触发onMouseOut ⿏标移出时触发onMouseMove ⿏标移动时触发
代码如下:
⿏标经过表格变⾊样式:
代码如下:
table { background-color:#000000; cursor:hand; width:100%; }
td {
/*设置onmouseover事件*/
onmouseover: expression(οnmοuseοver=function (){this.style.borderColor
='blue';lor='red';this.style.backgroundColor ='yellow'});
/*设置onmouseout事件*/
onmouseout: expression(οnmοuseοut=function (){this.style.borderColor='';lor='';this.style.backgroundColor
=''});
background-color:#ffffff;
}
控制表格隔⾏变⾊:
简单应⽤:
css鼠标点击样式
⾼级应⽤：每个单元格变⾊
添加CSS⽂件引⽤:
代码如下:

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。