【问题标题】:text hover effect with popup in wordpress pagewordpress 页面中带有弹出窗口的文本悬停效果
【发布时间】:2013-05-16 18:50:55
【问题描述】:

在 wordpress 的页面中,我希望当用户将鼠标悬停在一个单词(文本)上时,它会显示一个弹出窗口,其中包含一些文本,提供有关他们刚刚悬停的单词的更多详细信息。

如何做到这一点,我找不到任何插件来做到这一点,我认为 Java script/jquery 可以做到,但不知道如何做到这一点。

已经通过将 HTML 和 Jquery 脚本放在该页面的 HTML 中来尝试一些示例,但由于某种原因无法正常工作,

另外,我知道我需要将以下语句放在 html 标头中,但不知道在 wordlpress 中该做什么?在主题 header.php 中?或 index.php 作为我的 wordpress 主题。

谁能帮我提供更多详细信息,我该如何做到这一点。

就像鼠标悬停在这篇文章的标签上一样,它会弹出一个带有内容的消息框。

谢谢,

【问题讨论】:

    标签: wordpress text hover


    【解决方案1】:

    根据您要查找的弹出窗口的复杂程度,您可能想尝试使用 jquery Tootip:http://jqueryui.com/tooltip/

    如果您使用的主题是以这种方式设置的,则应在 header.php 文件中放置您的 jquery 脚本和/或指向 .js 文件的链接。如果您在正确位置的文件中看到指向其他 .js 文件的类似链接,您就会知道。

    【讨论】:

    • 嗨,这已经足够了,但是我如何从该源代码附加到页面?
    • @user1985788 您应该能够将脚本弹出到标题中,然后只需在 href 中使用标题标签,如下所示 您的工具提示
    猜你喜欢
    • 1970-01-01
    • 2011-09-24
    • 1970-01-01
    • 1970-01-01
    • 2011-08-22
    • 1970-01-01
    • 2017-11-27
    • 1970-01-01
    相关资源
    最近更新 更多