当前位置:Gxlcms > JavaScript > CSS鼠标响应事件经过、移动、点击示例介绍_javascript技巧

CSS鼠标响应事件经过、移动、点击示例介绍_javascript技巧

时间:2021-07-01 10:21:17 帮助过:19人阅读

几种鼠标触发CSS事件。
说明:
onMouseDown 按下鼠标时触发
onMouseOver 鼠标经过时触发
onMouseUp 按下鼠标松开鼠标时触发
onMouseOut 鼠标移出时触发
onMouseMove 鼠标移动时触
代码如下:



CSS 鼠标响应事件





    鼠标响应事件 当鼠标经过移出时切换css


  • onMouseDown 按下鼠标时触发
  • onMouseOver 鼠标经过时触发
  • onMouseUp 按下鼠标松开鼠标时触发
  • onMouseOut 鼠标移出时触发
  • onMouseMove 鼠标移动时触发





代码如下:

鼠标经过表格变色样式:


代码如下:


控制表格隔行变色:
简单应用:


添加CSS文件引用:
代码如下:


人气教程排行