【问题标题】:Change logo depending on menu item hover根据菜单项悬停更改徽标
【发布时间】:2015-03-01 07:16:57
【问题描述】:

我有一个想法,根据用户悬停在哪个菜单项上来更改我的 WordPress 网站的主徽标。

上半部分如下: [默认标志] | [菜单项 1] [菜单项 2] [菜单项 3] [菜单项 4]

如果 X 代表光标,那么会发生这种情况: [标志2] | [菜单项 1] [菜单项 2 X] [菜单项 3] [菜单项 4] - 用户将鼠标悬停在第二个菜单项上,徽标会相应更改。通常我会远离动画,因为它们往往会变得俗气,但在这种情况下,我真的想要一个 flip animation(有点像翻转时钟)。

菜单项 1 加载徽标 1 - 项 2 加载徽标 2,项 3 加载徽标 3 - 其余菜单项对徽标没有任何作用。

这样的事情可能吗?提前感谢您的宝贵时间!

【问题讨论】:

标签: css html menu hover


【解决方案1】:

是的..这是可能的......但你需要欺骗这些东西......

假设我是你...我会按照以下步骤完成此操作..

  • 使用您的徽标和菜单项创建一个简单的页面(一个普通的 HTML 页)
  • 使用 jquery,我会通过捕获菜单来更新 logo 元素 鼠标悬停事件
  • 一次,我将完成它,我将尝试将它集成到 WordPress...

使用 jquery,并在主题的 functions.php 中为此注册一个函数,我相信这部分会完成..

【讨论】:

    猜你喜欢
    • 2020-12-20
    • 2015-01-25
    • 2017-03-18
    • 1970-01-01
    • 2015-11-24
    • 1970-01-01
    • 2018-02-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多