说明：
onMouseDown 按下鼠标时触发
onMouseOver 鼠标经过时触发
onMouseUp 按下鼠标松开鼠标时触发
onMouseOut 鼠标移出时触发
onMouseMove 鼠标移动时触
复制代码 代码如下:
.Off{ background-color: #00FF66; padding:100px;}
.up{background-color: #FF0000; padding:100px}
- onMouseDown 按下鼠标时触发
- onMouseOver 鼠标经过时触发
- onMouseUp 按下鼠标松开鼠标时触发
- onMouseOut 鼠标移出时触发
- onMouseMove 鼠标移动时触发
鼠标响应事件 当鼠标经过移出时切换css
复制代码 代码如下:
鼠标经过表格变色样式:
复制代码 代码如下:
table { background-color:#000000; cursor:hand; width:100%; }
td {
onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'});
onmouseout: expression(onmouseout=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''});
background-color:#ffffff;
}
控制表格隔行变色:
简单应用:
高级应用:每个单元格变色
添加CSS文件引用:
复制代码 代码如下:
