【问题标题】:Sliding "pull-down" navigation - what do I use? How do I implement? jQuery?滑动“下拉”导航 - 我用什么?我该如何实施? jQuery?
【发布时间】:2010-04-17 15:51:28
【问题描述】:

我是 Javascript 和 jQuery 的新手,但我正在学习。这是我想要完成的:

我有一排想要制作动画的导航“下拉”标签。有些滑块会有指向子页面的文本链接,有些则没有。选项卡的底部应该可以单击以转到主页。那么子页面,文字链接也应该是可点击的。

这是一个图形示例,应该可以理解我想做的事情: http://lionheart.net/downloads/nav-example.png

鼠标悬停,会向下滑动。 鼠标移出,一秒钟后,应该会自动向上滑动。

我希望它是一个上下滑动的 div。

这可以通过 jQuery 或其他方式实现吗? 非常感谢您能给我的任何帮助!

【问题讨论】:

    标签: jquery animation navigation slide pull


    【解决方案1】:

    它在 jquery 本身上运行良好。如果您使用的是 jquery,我认为您可能会遇到用 id 分配 jquery 的问题。如果您使用 id,它只工作一页。

    请使用 jquery 中的类来使用所有页面。而不是 # 在 ID 中使用,使用 .在课堂上。

    【讨论】:

    • 对不起,我是个菜鸟。我对所有内容的 html 和 css 方面都有相当不错的掌握,但不是 jQuery 或 javascript。如果您可以向我指出某种教程以帮助我开始使用此效果,那可能会有所帮助。谢谢。 -乔什
    【解决方案2】:

    由于您没有 jQuery 或 JS 经验,我建议您从 Google 开始(例如使用 this query)。您会发现很多热门歌曲(尝试第一个),其中包含大量动态菜单,包括现场演示和教程。

    选择一个在视觉和特征方面看起来都差不多的,然后按照相应的tute。如果您有问题,请向 SO 提出更具体的问题。

    【讨论】:

      【解决方案3】:

      如果你不需要动画,你可以只用 CSS 做下拉菜单,如果浏览器不支持,它们甚至会降级为简单的嵌套列表。一个例子是http://www.designmeme.com/tutorials/csspulldownmenus/。如果您有兴趣,我可以发布我使用的 CSS 和 HTML;请在下方发表评论。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-10-14
        相关资源
        最近更新 更多