根据菜单项悬停更改徽标

时间:2015-01-03 01:48:59

标签: css html5 menu hover

我有一个想法,让我的WordPress网站的主要徽标根据用户悬停的菜单项而改变。

顶部如下: [DEFAULT LOGO] | [菜单项1] [菜单项2] [菜单项3] [菜单项4]

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

菜单项1加载徽标1 - 项目2加载徽标2,项目3加载徽标3 - 其余菜单项不对徽标执行任何操作。

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

1 个答案:

答案 0 :(得分:0)

是的......这可能......但你需要欺骗事情......

假设我是你......我会按照以下步骤做到这一点。

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

使用jquery,并在主题functions.php中注册一个函数就可以完成这一部分,我相信......