jQuery使鼠标能够移动弹出提示框,删除消失的思路和代码。

思想:

1。首先,定位元素以达到这种效果,这一次通过类

2。如果你动态显示不同的提示,你需要设置标题。

三.mouseover和mouseout事件被JQ添加到元素

4。同样,弹出框将鼠标移动到目标元素上。

5。然后合并mouseover和mouseout成盘旋
复制代码代码如下所示:
/ /页面加载完成
$(函数(){())
变量x=10;
var = 20; /设置相对于偏移位置的提示框,以防止鼠标闭塞。
$(提示)。Hover(函数(e))鼠标事件
this.mytitle = this.title; / /标题是分配给mytilte自定义属性,屏蔽的提示
this.title = ;
无功tooltiphtml =+ this.mytitle + ; / /创建一个提示框
$(体)。追加(tooltiphtml); / /添加到页面
$(#提示({ Css)。
顶:(e.pagey + y)+PX
左:(e.pagex + x)+PX
})显示();设置提示框坐标,并显示
(函数)},鼠标退出事件
this.title = this.mytitle; / /复位标题
$(#提示)(去除); / /删除弹出框
。MouseMove(功能)}(e){ / /跟随鼠标事件
$(# toolti)。Css({顶:(e.pagey + y)+PX
左:(e.pagex + x)+PX
});
});
});