当前位置:Gxlcms > JavaScript > jQuery实现跟随鼠标运动图层效果的方法_jquery

jQuery实现跟随鼠标运动图层效果的方法_jquery

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

本文实例讲述了jQuery实现跟随鼠标运动图层效果的方法。分享给大家供大家参考。具体分析如下:

一、基本目标

写一个跟随鼠标运动的图层,

图层中显示当前鼠标的位置,

如下图所示:

此图层之所以使用jQuery,而不是因为javascript,是因为jQuery的代码其便于兼容当前的所有主流的浏览器,至少IE8是没有任何问题的,不用像javascript大段大段的代码都用到兼容性上面了。

二、制作过程

本次实验的核心是jquery里面的mousemove事件,

鼠标移动则触发。

代码如下:

代码如下:




mouse