我想在图像上显示一个元素标题(工具提示大小)。我找出了当前元素的标题
$('.downloadPdf').mouseover(function(){
var currentelement = $(this).attr('title');
});
downloadPdf 是元素上的通用类。
实际上我在底部有一个菜单栏,其中有一些图标。这些图标是功能性的。 在这里,我希望每当用户将鼠标悬停在这些图标上时,他们的标题必须出现在图像上。此图像什么都不是,只是一个工具提示形状。
但是如何将它附加到图像上呢?并且它的位置必须只在元素上。那么我如何获得这个职位呢。如此困惑并在这个小任务上花费至少 3 小时。任何帮助,将不胜感激。在有效使用 css 方面,我很糟糕。
最佳答案
好的。最简单的方法是将 title
属性添加到您的图像。悬停此图像将导致 native 浏览器工具提示显示在图像上。
检查这个demo (将鼠标光标放在 pdf 图标的图像上)。
这些问题也已经被问过here .
关于javascript - 使用鼠标悬停在图像上的工具提示标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26732929/