0

我想添加一个简单的工具提示,并且很好奇这是否是一种合理的方法,或者是否有更简单/更好的方法?这是一个示例:http: //jsfiddle.net/trestles/yU3KM/

基本上,我将一些绝对定位的文本放置在相对定位的图像上。我已经根据有问题的图像大小调整了它的大小。

我不是一个全职的前端开发人员,而且大多数工具提示似乎都缺乏。至少我可以自定义这个。

谢谢

4

2 回答 2

0

这很好,并且是完成此类任务的一种非常标准的方法。您可能会发现需要添加一个z-indexCSS 属性以使其保持在页面上其他元素的上方。当您不能依赖希望悬停在工具提示上的项目的位置时,会使事情变得更加复杂的是。当你到达那个点时,工具提示的位置将需要通过抓住悬停元素的位置来动态创建。

于 2012-08-02T14:58:02.753 回答
0

作为一种方法,这是有道理的,并且解决了各种浏览器从 title 属性执行工具提示的方式的古怪差异。

但是在您的特定代码中,您在每次悬停时创建一个新标记,然后仅将其隐藏,因此 DOM 实际上被大量隐藏的工具提示副本所淹没。

使用 .remove('.bubble') 比使用 hide('.bubble') 等更好;

更好的是在页面加载时使用 display:none 写入气泡,然后使用 mouseover/out 函数在 hide() 和 show() 之间切换。

于 2012-08-02T14:59:28.090 回答