【问题标题】:jquery navigation menu similar to home depot or amazonjquery 导航菜单类似于 home depot 或 amazon
【发布时间】:2012-06-12 03:26:58
【问题描述】:

任何人都知道我可以如何在 wordpress 上创建一个 jquery 菜单,就像在 home depot 或 amazon 中找到的一样。左侧按部门商店下方的菜单? wordpress 是否有非常相似的东西:- 例如插件?

【问题讨论】:

    标签: jquery wordpress menu navigation


    【解决方案1】:

    虽然您在问题中指定了 jQuery,但您根本不需要任何 javascript;你可以用纯 CSS 来做,比如 http://meyerweb.com/eric/css/edge/menus/demo.htmlhttp://www.noupe.com/css/100-great-css-menu-tutorials.html show。

    有很多网站可以让你设计自己的菜单并下载代码,比如

    【讨论】:

    • 我认为你大部分是正确的,斯托伯。你是对的,做带有动画的菜单,如选项卡式下拉菜单或亚马逊菜单之类的东西,你只能用 css 来做。仅使用 css 的方法的主要问题是它们具有烦人的约束,例如无法延迟悬停和鼠标移出事件。好吧,也许 css3 已经解决了这些限制,但是像我这样的许多开发人员无法充分利用 css3 的强大功能,因为我们仍然必须处理不支持它的浏览器。所以我的经验是,纯 CSS 菜单对我的口味来说可能有点过于跳跃。
    • @shaune:很公平......提到的两个例子(亚马逊,家得宝)都没有使用这些东西或其他动画,所以我认为它们不相关。你是对的,如果你想为菜单设置动画,javascript 中的一些东西是必要的。不过,像 Superfish 这样的东西可能有助于弥合差距……
    • Stubor,是的,你说得非常对,我认为你的原始答案很好,当然。我仍然认为我不同意的唯一 点是亚马逊确实在其主菜单中使用了一些javascript。要查看我在说什么,只需将鼠标悬停在一个菜单项上,然后将鼠标沿对角线向右移动即可。您会看到菜单右侧的弹出窗口不会像垂直向下移动鼠标那样立即改变。非常微妙,但非常适合可用性,因为菜单“不那么跳跃”。不确定是否只能使用 css 来完成。如果我错了,请告诉我。
    • @shaune:+1 是的,你是对的;我没有注意到这一点。 (在我之前回复之前,我确实回去看看他们是否有悬停延迟或动画,但我没有注意到他们有对角线移动保护。)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-25
    • 2012-01-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多