基于JQuery的一个简单的鼠标跟随提示效果

1.效果如图

  

2.实现思路

  1 鼠标移入标题(这里是标签)

    创建一个div,div的内容为鼠标位置的文本

    将创建好的div加到文档中

    为提示层设置位置

  2 鼠标移出标题

    移除div

  3 当鼠标在标题内移动时

    同样添加div效果

3.JQuery实现代码

复制代码 代码如下:















代码很简单主要是用到了JQuery的三个事件mouseover,mouseout,mousemove.

你可能感兴趣的:(基于JQuery的一个简单的鼠标跟随提示效果)