大佬教程收集整理的这篇文章主要介绍了javascript – 使用jQuery悬停时工具提示的CSS动态位置，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我希望工具提示框能够正确显示,无论元素的位置如何,在这种情况下< a>,显示鼠标悬停事件的工具提示.
除了< a>时,工具提示显示得很好.向右浮动(或位于线的末端)或屏幕底部没有正确显示,它出现在屏幕外
如果< a>漂浮在右边,或在线的末端,或者在屏幕的底部,我希望工具提示改变位置,使其保持可见
谢谢.
这是完整的结果：http://jsfiddle.net/Qkwm8/3/
//set the left position
var left = $(this).offset().left + 10;
if(left + 200 > $(document).width()){
left = $(document).width() - 200;
}
我在这里使用了200,因为你将工具提示设置为200px宽.类似的东西可以用高度做.
还有一个窗口宽度,但我总是对差异感到困惑,所以你应该检查哪一个给你更好的结果.
页面底部的一个示例是：
//set the height,top position
var height = $(this).height();
var top = $(this).offset().top;
if(top + 200 > $(window).height()){
top = $(window).height() - 200 - height;
}
再次使用200,因为您将工具提示设置为200px高度.
以上是大佬教程为你收集整理的javascript – 使用jQuery悬停时工具提示的CSS动态位置全部内容，希望文章能够帮你解决javascript – 使用jQuery悬停时工具提示的CSS动态位置所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。