jQuery鼠标事件详细介绍

 时间:2024-10-13 14:20:03

1、当鼠标指针进入页面被选元素时,mouseenter 事件被触发。下面的示例代码是当鼠标进入页面中的段落时,其背景颜色变成黄色。具体代码如下:

jQuery鼠标事件详细介绍

2、当我们将鼠标移到段落上以后,背景变成黄色,效果如下图所示:

jQuery鼠标事件详细介绍

3、当鼠标指针离开页面被选元素时,mouseleave 事件被触发。正如上面的示例代码,当鼠标离开时,背景颜色变成灰色。

jQuery鼠标事件详细介绍

4、脚本运行后的效果如下,当鼠标离开页面段落时,背景颜色为灰色。

jQuery鼠标事件详细介绍

5、hover方法定义当鼠标指针悬停页面元素上时执行的函数。示例代码如下:

jQuery鼠标事件详细介绍

6、当鼠标指针移动到元素上方,并按下鼠标按键时,mousedown 事件被触发。

jQuery鼠标事件详细介绍

7、运行脚本,在段落上点击鼠标,效果如下:

jQuery鼠标事件详细介绍
  • 声学相机的应用
  • MinGW在windows 7系统下环境的搭建
  • windows完美运行PSP游戏 刀剑神域:无限瞬间
  • 固定利率与LPR如何二选一,换成LPR更好吗?
  • 最犀利的瘦腿方法,7天变身美腿公主
  • 热门搜索
    手抄报标题设计 热爱祖国手抄报图片 我爱文学初中手抄报 青春手抄报内容 手抄报内容资料 我爱数学手抄报 科学幻想画手抄报 迈好初中第一步手抄报 五年级手抄报大全 小英雄手抄报