本文为大家介绍下CSS 鼠标响应事件:鼠标经过CSS、鼠标移动CSS、鼠标点击CSS以及示例,喜欢的朋友可以参考下
几种鼠标触发CSS事件。
说明:
onMouseDown 按下鼠标时触发
onMouseOver 鼠标经过时触发
onMouseUp 按下鼠标松开鼠标时触发
onMouseOut 鼠标移出时触发
onMouseMove 鼠标移动时触
CSS 鼠标响应事件
鼠标经过表格变色样式:
控制表格隔行变色:
简单应用:
添加CSS文件引用:
说明:
onMouseDown 按下鼠标时触发
onMouseOver 鼠标经过时触发
onMouseUp 按下鼠标松开鼠标时触发
onMouseOut 鼠标移出时触发
onMouseMove 鼠标移动时触
复制代码 代码如下:
- onMouseDown 按下鼠标时触发
- onMouseOver 鼠标经过时触发
- onMouseUp 按下鼠标松开鼠标时触发
- onMouseOut 鼠标移出时触发
- onMouseMove 鼠标移动时触发
鼠标响应事件 当鼠标经过移出时切换css
复制代码 代码如下:
鼠标经过表格变色样式:
复制代码 代码如下:
控制表格隔行变色:
简单应用:
添加CSS文件引用:
复制代码 代码如下:
以上就是CSS鼠标响应事件经过、移动、点击示例介绍的详细内容,更多请关注0133技术站其它相关文章!