javascript - 使用鼠标悬停在图像上的工具提示标题?

标签 javascript jquery html css

我想在图像上显示一个元素标题(工具提示大小)。我找出了当前元素的标题

$('.downloadPdf').mouseover(function(){
    var currentelement = $(this).attr('title');
});

downloadPdf 是元素上的通用类。

实际上我在底部有一个菜单栏,其中有一些图标。这些图标是功能性的。 在这里,我希望每当用户将鼠标悬停在这些图标上时,他们的标题必须出现在图像上。此图像什么都不是,只是一个工具提示形状。

但是如何将它附加到图像上呢?并且它的位置必须只在元素上。那么我如何获得这个职位呢。如此困惑并在这个小任务上花费至少 3 小时。任何帮助,将不胜感激。在有效使用 css 方面,我很糟糕。

最佳答案

好的。最简单的方法是将 title 属性添加到您的图像。悬停此图像将导致 native 浏览器工具提示显示在图像上。

检查这个demo (将鼠标光标放在 pdf 图标的图像上)。

这些问题也已经被问过here .

关于javascript - 使用鼠标悬停在图像上的工具提示标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26732929/

相关文章:

javascript - 检测ajax响应的MIME类型

javascript - 你能帮我把函数 grape 和 apple 做成一个函数吗?

javascript - 使用 JavaScript 收集用户输入以进行计算

javascript - jQuery 数据属性值缺失

javascript - 如何将以JSON格式返回的数据分组并返回?

jquery - 带过渡动画的粘性标题

javascript - 如何在特定的 Div 上添加 Position Fixed,然后在滚动时删除该类

css - 将一个 div 悬停在另一个 div 后面

javascript - 如何在使用knockout js更改下拉选择之前提示用户

javascript - 如何在 Typescript 2.1+ 中使用 Bluebird