资讯频道 → Web前端
阅读更多

34顶
5踩

Web前端

翻译新闻 一些必看的jQuery导航插件和教程

2010-12-21 16:39 by 正式编辑 chuiyan 评论(23) 有21183人浏览
jQuery
导航是一个网站最重要的元素之一，您必须遵循统一的风格来设计您的网站，特别是导航的风格，让用户可以轻松地找到他们想要的内容。这里最大的部分是开发一个菜单，即要直观易用，又要符合你网站的设计风格。本文列举了20个必看的jQuery的导航插件和教程，演示通过jQuery实现一些导航效果，教您如何做一个有创造性和易于使用的导航。

美丽滑出导航


在本教程中，展示了如何创建一个惊人的滑出式菜单或导航。这给出了一个漂亮的效果，使用这种技术可以节省您在网站上一些空间。

Search Box with Filter and Large Drop Down Menu


这个搜索框显示一个下拉菜单后进入用户点击输入字段。该菜单是作为一个过滤器的行为与几个复选框选项，允许用户选择特定类别的搜索。当用户将鼠标悬停下拉就会消失。

jQuery MegaMenu 2


这是一个相当丰富的导航功能插件，允许你创建HTML的大型菜单。

Cut & Paste jQuery Mega Menu


兆丰菜单指下拉菜单，其中包含多个列的链接。 这个jQuery脚本可以让你添加一个超级菜单，任何网页上的链接锚，每个菜单显示采用圆滑扩大动画。自定义动画菜单延迟时间消失之前，加当鼠标推出了锚。

Mega Drop Down Menu w/ CSS & jQuery


在本教程中，作者演示了如何创建一个菜单系统，这适合于大型电子商务网站。

Sexy Drop Down Menu w/ jQuery & CSS


研究表明，当用户第一次访问一个网站时，顶部导航往往最大程度的影响着他们的视觉。在本教程中，您将学习如何创建一个柔和下落的并且非常性感的下拉菜单。

Superfish – jQuery menu plugin



Animated Menus Using jQuery


在本教程中，您将学习如何创建这个惊人的动画效果菜单，这正是普通的XHTML，CSS和JavaScript。

Create a Cool Animated Navigation with CSS and jQuery


在本教程中，您是要学习只使用CSS和jQuery建立一个非常酷的动画导航菜单。

jQuery Simple Drop Down Menu


这是一个很小导航脚本，压缩到只有1kb大小，20行代码。您可以用HTML无序列表创建主菜单结构，这是一个很好的做法。

Simple jQuery Dropdowns


这是一个低保样式的导航代码，非常精简。但是它仍然具有通常所需要的所有功能。

Smooth Navigational Menu


这个菜单的内容可以是达成无论从网页上直接标记，或外部文件，并通过Ajax的牵强。对于jQuery可配置，时尚“幻灯片加淡出”，由于是过渡期间适用的分菜单揭幕。菜单同时支持横向和纵向（侧栏）的方向。

jQuery的多级CSS菜单


这是一个多级水平CSS菜单，利用规则嵌套的HTML列表标签创建。当子菜单靠近窗体右边缘时，将自动调整展示方面。

A Perfect Multi-Level Navigation Bar



Simple unlimited levels vertical drop down navigation menu jquery plugin



jdMenu Hierarchical Menu


该jdMenu插件为jQuery的菜单提供了对Web应用程序的网站的简洁的层次下降，创建简洁优雅的解决方案。功能列表可以查看jdMenu是否是你的解决方案。

会翻转的网站菜单


这是一个会翻转的网站菜单。你把鼠标放到某个菜单项上，它会翻动一下，改变背景色。

jQuery Basic Menu


这是一个下拉菜单，就像应用程序菜单的行为（点击打开，单击关闭...).它支持通过HTML标记或通过JavaScript菜单的创建。

jQuery iPod-style Drilldown Menu


这是一个极好的菜单系统，可用于创建简单的下拉菜单，iPod-like菜单和Flyout风格的导航菜单。

列表导航菜单


这是一个用于创建按字母顺序分类导航的jQuery插件。这个jQuery插件提供一个简单的方法悄悄地添加一个字母为基础的导航部件UL或任何其他职等的清单。一个容易样式化（通过CSS）的导航栏上方出现列表，显示用户的字母A -到- Z的。 点击一个字母的过滤列表，只显示列表中的项目以该字母开头。在一个信（可选）悬停显示计数以上的信件，显示有多少项目将被显示，如果该信被点击。其他选项可以实现您对基本功能的控制。

Lava Lamp for jQuery lovers!


JQuery很酷的滑动式菜单！
34
顶
5
踩
评论 共 23 条 请登录后发表评论
23 楼 zhuzhuaijq 2011-09-18 19:26
很好的资源啊！
22 楼 jeye.rsx 2011-04-11 23:30
  留着必有用处。  好东西 。
21 楼 lls17 2011-03-25 17:01
真是好地方~ 谢谢分享~
20 楼 dysfzhoulong 2011-03-14 09:19
新手报到，
19 楼 清水幽香 2011-02-13 23:45
学习一下！收藏一下！
18 楼 步入JAVA路 2011-02-13 15:48
WiseNeuron 写道
收藏一下。

17 楼 星月神话 2010-12-28 19:54
看看！！！！！！
16 楼 shuhen2011 2010-12-28 16:17
好东西阿，先收|藏了
15 楼 roboslyq 2010-12-24 15:16
不错哦@@@@
14 楼 Vicent_Lee 2010-12-24 14:56
看着的确不错啊
13 楼 fncj 2010-12-23 00:33
[flash=200,200][/flash]
[url][/url][img][/img]

    [*]
引用
[u][/u][i][/i][b][/b]





  
12 楼 arrongao 2010-12-22 23:22  

  
非常不错，不一定现在用，但一定现在收藏





  
11 楼 WiseNeuron 2010-12-22 23:09  

  
收藏一下。





  
10 楼 shaguang 2010-12-22 16:39  

  
http://www.html.org.cn/javascript/menu/





  
9 楼 xcooper 2010-12-22 16:03  

  
good and thx





  
8 楼 王斯开 2010-12-22 13:38  

  
很好  顶一个






  
7 楼 cremains 2010-12-22 13:11  

  
都是免费的不？可以用于商业用途不？





  
6 楼 liberD 2010-12-22 10:14  

  
太棒了！如果都是中文的就更好了！谢谢分享！有机会都试试！





  
5 楼 nianshi 2010-12-22 09:54  

  
不错，收了一个。。。





  
4 楼 极品拖拉机 2010-12-22 09:46  

  
这个不错，顶下




    
    
  

  
发表评论

  
  
  您还没有登录,请您登录后再发表评论 




 
  

    

      
相关推荐

      
    
        
          
          
    
            
    
              
              
    
                
                  
                  
                  
  • 
                    推荐40款强大的 jQuery 导航插件和教程(上篇)
                    
    在这篇文章中，我为大家收集了40款非常棒的 jQuery 导航插件和教程。导航作为网站重要的组成部分，能够帮助用户找到他们想要的内容，因此导航设计的好坏决定了用户能够在你的网站停留更长的时间，浏览更多的内容。在...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    又一批优质.NET6实战项目，面临永久下线...
                    
    多好的实战项目大家抓紧时间实操起来呀移动电商实战这次能上岸，最重要的是这个Vue3+VantUI+.NET6+SqlSugar移动电商实战，全部都是最新最热的技术栈，写上简历后面试基本上都是问的这块儿内容。我先给大家看看项目的UI。项目UI全套实战源码这个电商项目前端是Vue3+TS+ VantUI，后端是.NET6 + SqlSugar +JWT，属于当下最主流的框架组合。上代码截图给大家看看...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    初次使用Entity Framework踩过的坑
                    
    1. 首先推荐刚开始使用EF的同学先看下这篇文章。
http://www.cnblogs.com/shijun/archive/2012/11/16/2772676.html 踩过坑后才找到这篇文章然后恍然大悟！再次谢谢分享这篇文章的同学。

2.下面是我参考的教程的链接
http://www.shaoqun.com/a/91504.aspx
3.以下是我按照教程做单过程中踩过的坑
 
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    .NET6正式版将近，70%开发者或面临技术断层！
                    
    过往一周，VS2019 发布了最新V16.11，正式支持热重载；.NET6发布了最后一个预览版Preview7，各大新功能宣告完成；随之C#10的新特性也基本成型，好东西很多！各种密集的版...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    .NET 6 史上最全攻略
                    
    Python微信订餐小程序课程视频
https://edu.csdn.net/course/detail/36074
Python实战量化交易理财系统
https://edu.csdn.net/course/detail/35475
欢迎使用.NET 6。今天的版本是.NET 团队和社区一年多努力的结果。C# 10 和F# 6 提供了语言改进，使您的代码更简单、更好。性能大幅提升，我们已经看到微软降低了托管云服务的成本。.NET 6 是第一个原生支持Apple Silicon (Arm64) 的版本，并且还
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    .NET 6 Preview5+VS2022实战千万并发秒杀项目，帅爆了（附源码）
                    
    Microsoft 宣布了Visual Studio 2022 的第一个预览版，并且同时也发布了.NET 6 Preview 5。具有里程碑意义的Visual Studio 2022 Pr...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    推荐40个简单的 jQuery 导航插件和教程(下篇)
                    
    在下面的集合中，你会发现很多便利的 jQuery 导航插件和有用的教程，帮助你实现充满吸引力的网站导航，让你网站更有组织性和交互性
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    精心挑选的15款优秀jQuery 本特效插件和教程
                    
    今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件，都带有详细的使用教程。jQuery 是最流行和使用最广泛的 JavaScript 框架，它简化了 HTML 文档遍历，事件处理，动画以及Ajax交互，帮助 Web 开发人员...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    推荐40个简单的 jQuery 导航插件和教程【下篇】
                    
    在这篇文章中，我为大家收集了40款非常棒的 jQuery 导航插件和教程。导航作为网站重要的组成部分，能够帮助用户找到他们想要的内容，因此导航设计的好坏决定了用户能够在你的网站停留更长的时间，浏览...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    推荐40款强大的 jQuery 导航插件和教程【上篇】
                    
    在这篇文章中，我为大家收集了40款非常棒的 jQuery 导航插件和教程。导航作为网站重要的组成部分，能够帮助用户找到他们想要的内容，因此导航设计的好坏决定了用户能够在你的网站停留更长的时间，浏览...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    45个jQuery的导航插件和教程
                    
    正如我们所知道的，一个新用户访问一个网站时，决定他们去留的关键是最初的15-20秒种。...本文列举了45个 jQuery的导航插件和教程，演示通过jQuery实现一些导航效果，教您如何做一个有创造性和易...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    29个优秀的jQuery导航菜单插件和教程
                    
    在前端开发中，导航菜单是网页设计...本文将分享29个优秀的jQuery导航菜单插件和教程，为您的前端开发提供参考。BootM是一个基于Bootstrap的导航菜单插件。它可以创建基于Bootstrap样式的导航菜单，并支持自定义选项。
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    php jquery ajax分页插件,19个 jQuery 分页插件和教程，附带实例
                    
    1.客户端的jQuery 分页插件jPagesjPages是一个客户端的分页插件，但提供很多特性例如自动翻页、键盘和滚动浏览，延迟显示以及完全可定制的导航面板。 2. jQuery ScrollPagination 3. jQuery 的分页插件——...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    20 个 jQuery 分页插件和教程，附带实例
                    
    1.客户端的jQuery 分页插件jPages jPages 是一个客户端的分页插件，但提供很多特性例如自动翻页、键盘和滚动浏览，延迟显示以及完全可定制的导航面板。 查看 示例 2. jQuery S...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    jquery-smartwizard：很棒的jQuery步骤向导插件
                    
    很棒的jQuery步骤向导插件。  jQuery Smart Wizard是jQuery的可访问步骤向导插件。 为您的表单，结帐屏幕，注册步骤等提供简洁时尚的界面。易于实现，Bootstrap兼容性，可自定义的工具栏，主题，事件和Ajax支持是...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    30_个_jQuery_导航菜单插件和教程.doc
                    
    导航菜单是一个网站最为重要的元素之一，一个设计良好的导航菜单可让网站的结构清晰、一目了然。本文向你推荐 30 个 jQuery 的导航菜单插件和教程，以供参考。
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    java 导航插件_[Java教程]用Jquery 仿VS 样式的 导航栏插件
                    
    [Java教程]用Jquery 仿VS 样式的 导航栏插件0 2014-08-04 17:06:24在开发B/S 项目过程中，根据主界面设计要求，需要做一个类似VS 左边工具栏样式的菜单导航栏，在网上搜索无果后，于是决定自已做一个。由于前台用...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    50+jQuery的导航插件和教程
                    
    正如我们所知道的，一个新用户访问一个网站时，决定他们去留的关键是最初的15-20秒种。...本文列举了45个 jquery的导航插件和教程，演示通过jquery实现一些导航效果，教您如何做一个有创造性和易于使用的导...
    
                  
    • 
                  
                
              
    
            
    
          
    
        
      

    

  








        

        

                      
  
  
  
  


  

  
  
  
  
  
    
    
    
  

          


          

        

        





      

      

    

    



   Global site tag (gtag.js) - Google Analytics