【问题标题】:Display just below the link on mouse over.在鼠标悬停时显示在链接下方。
【发布时间】:2013-10-02 06:26:52
【问题描述】:

我的网页中有一些链接和一个 div。将鼠标悬停在链接上时,我需要在链接下方显示 div。如何做到这一点,以便在鼠标悬停任何链接时,div 将显示在该链接下方仅(我的意思是像工具提示)?

【问题讨论】:

  • 为什么不使用 jquery 工具提示库?

标签: jquery hyperlink


【解决方案1】:

步骤

  1. 添加具有绝对位置的工具提示 div 并将其隐藏。
  2. 将悬停事件绑定到和锚标签。
  3. 使用.offset()方法获取元素位置
  4. 使用.offset().top.offset().left 中的值设置工具提示div 的顶部和左侧位置

【讨论】:

    猜你喜欢
    • 2017-03-06
    • 2016-05-25
    • 1970-01-01
    • 1970-01-01
    • 2014-05-06
    • 1970-01-01
    • 1970-01-01
    • 2023-04-04
    • 2013-08-27
    相关资源
    最近更新 更多