jquery - 使用替代文本实现悬停效果

标签 jquery html css alt

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 7 年前

我正在尝试为图像创建悬停效果,但无法在 img 标签上添加标题。所以我想在悬停效果上使用 alt 文本属性作为标题。

<img width="300" height="169" src="300x169.jpg" class="attachment-medium" alt="sometexthere">

是否有任何我可以使用的 jQuery 插件或任何其他方法来提取替代文本并使用它?

最佳答案

就像评论一样,我不确定为什么你不能在代码中或事后添加标题。

$(document).ready(function(){
    $("img").each(function(){
        $(this).attr("title", $(this).attr("alt"));
    });
});

在无法修改文本代码本身的情况下,这将为图像创建一个标题。您还可以使用 JQuery UI 制作工具提示:https://jqueryui.com/tooltip/

也可以使用 .hover() 制作您自己的自定义提示:https://api.jquery.com/hover/

关于jquery - 使用替代文本实现悬停效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33702186/

上一篇:javascript - Bootstrap : unable to make the div to be scrollable

下一篇:css - 使用三列更改 Foundation 上的顺序

相关文章:

html - 无法让我的水平菜单工作(使用 coldfusion)

javascript - 为什么 scrollHeight 与 textarea 中的 lineHeight * lines 不同?

php - HTML/JQuery 表单未发布到 PHP

javascript - 如何使用来自外部链接的哈希值定位点击事件

php - 我可以使用 Jquery 在动态表中插入结束 </tr> 标签和开始 <tr> 标签吗?

javascript - jQuery/JS随机背景图解决::元素前

HTML CSS 表格宽度不工作

javascript - jQuery-toggleClass + slipToggle 未按预期工作

css - 在内部 div 上滚动?

android - Android 和 iOS 上的 HTML5 音频有哪些限制?