我想添加一个简单的工具提示,并且很好奇这是否是一种合理的方法,或者是否有更简单/更好的方法?这是一个示例:http: //jsfiddle.net/trestles/yU3KM/
基本上,我将一些绝对定位的文本放置在相对定位的图像上。我已经根据有问题的图像大小调整了它的大小。
我不是一个全职的前端开发人员,而且大多数工具提示似乎都缺乏。至少我可以自定义这个。
谢谢
我想添加一个简单的工具提示,并且很好奇这是否是一种合理的方法,或者是否有更简单/更好的方法?这是一个示例:http: //jsfiddle.net/trestles/yU3KM/
基本上,我将一些绝对定位的文本放置在相对定位的图像上。我已经根据有问题的图像大小调整了它的大小。
我不是一个全职的前端开发人员,而且大多数工具提示似乎都缺乏。至少我可以自定义这个。
谢谢
这很好,并且是完成此类任务的一种非常标准的方法。您可能会发现需要添加一个z-index
CSS 属性以使其保持在页面上其他元素的上方。当您不能依赖希望悬停在工具提示上的项目的位置时,会使事情变得更加复杂的是。当你到达那个点时,工具提示的位置将需要通过抓住悬停元素的位置来动态创建。
作为一种方法,这是有道理的,并且解决了各种浏览器从 title 属性执行工具提示的方式的古怪差异。
但是在您的特定代码中,您在每次悬停时创建一个新标记,然后仅将其隐藏,因此 DOM 实际上被大量隐藏的工具提示副本所淹没。
使用 .remove('.bubble') 比使用 hide('.bubble') 等更好;
更好的是在页面加载时使用 display:none 写入气泡,然后使用 mouseover/out 函数在 hide() 和 show() 之间切换。