优秀设计资源 » 一些jQuery下拉菜单收集

一些jQuery下拉菜单收集

发表于: 优秀设计资源, 网页设计 & 灵感. 评论
Sponsor

网站下拉菜单我们是很常用的,而且设计一个下拉菜单也不是一件容易的事情,为了使我们的更容易的制作下拉菜单,我们今天开始将收集一些jQuery下拉菜单,下面有几十个,我想肯定会有一款适合你的。

一个不错的下拉菜单目录

A Better Select Element with jQuery & CSS3

“Outside the Box” Navigation with jQuery

本教程介络如何做一个OS X风格的导航。
outside-box-drop-down-multi-level-menu-navigation
Preview Demo

2. Sexy Drop Down Menu w/ jQuery & CSS

如何创建一个性感的下拉菜单
sexy-jquery-drop-down-multi-level-menu-navigation
Preview Demo

3. Designing the Digg Header: How To & Download

压缩导航的使用与简单的下拉菜单
digg-header-drop-down-multi-level-menu-navigation
Preview Demo

4. Create The Fanciest Dropdown Menu You Ever Saw

fanciest-drop-down-multi-level-menu-navigation
Preview Demo

5. A circular menu with sub menus

带有圆形菜单子菜单
circular-drop-down-multi-level-menu-navigation
Preview Demo

6. A Different Top Navigation

使用jQuery来创建不同的多层次的横向导航
different-jquery-drop-down-multi-level-menu-navigation
Preview Demo

7. Perfect signin dropdown box likes Twitter with jQuery

如何使用jQuery创建一个登录Twitter的下拉式
twitter-drop-down-multi-level-menu-navigation

Preview Demo

8. Sliding Jquery Menu Tutorial

如何创建一个滑动菜单按钮使用jQuery。
sliding-jquery-drop-down-multi-level-menu-navigation

Preview Demo

9.Fancy Sliding Menu for Mootools

fancy-sliding-drop-down-multi-level-menu-navigation
Preview Demo

10. Create Vimeo-like top navigation

这篇文章是完全致力于展示先进的下拉菜单。十分详细,并具有良好的书面教程,缩小了搜索选项和目标通过检查选项搜索。菜单做法完全是只使用CSS
vimeo-drop-down-multi-level-menu-navigation
Preview Demo

11. Dynamic PHP/CSS menu

php-css-drop-down-multi-level-menu-navigation
Preview Demo

12. Creating an Outlook Navigation Bar using the ListView and Accordion Controls

outlook-drop-down-multi-level-menu-navigation
Preview Demo

13. Animated Drop Down Menu with jQuery

animated-drop-down-multi-level-menu-navigation
Preview Demo

14. jQuery UI Potato Menu

potato-ui-drop-down-multi-level-menu-navigation
Preview Demo

15. Make a Mega Drop-Down Menu with jQuery

mega-drop-down-multi-level-menu-navigation
Preview Demo

16. A cross-browser drop-down cascading validating menu

简单的CSS菜单
cross-browser-drop-down-multi-level-menu-navigation
Preview Demo

17. Drop-Down Menus, Horizontal Style

2004年的很老的下拉式教程
horizontal-style-drop-down-multi-level-menu-navigation
Preview Demo

18. Superfish v1.4.8 – jQuery menu plugin by Joel Birch

Superfish是一个增强Suckerfish式菜单jQuery插件,采用现有纯CSS下拉菜单(缓慢下降,所以没有JavaScript)和更多的功能。
superfish-jquery-drop-down-multi-level-menu-navigation
Preview Demo

19. JavaScript Dropdown Menu with Multi Levels

这种多层次的下拉菜单脚本大小仅有1.2 kb的。它具有动画,导航当前位置,易于实施和维护。
javascript-drop-down-multi-level-menu-navigation-1
Preview Demo

20. jQuery (mb)Menu 2.7

这是一个强大的jQuery的组成部分,很容易建立一个多层次的树型菜单或上下文菜单(右键菜单)!
jquery-drop-down-multi-level-menu-navigation
Preview Demo

21. Menumatic

MenuMatic是一个mootools1.2 的类,可以把一个语义有序或无序的链接列表,变成一个动态下拉菜单系统。对于没有打开JavaScript的用户,它将回到一个CSS菜单
menumatic-drop-down-multi-level-menu-navigation
Preview Demo

22. Smooth Navigational Menu (v1.31)

Smooth Navigation Menu是一个多层次,使用CSS列表和jQuery,使得网站导航菜单流畅显示。
smooth-drop-down-multi-level-menu-navigation
Preview Demo

23. jQuery File Tree

jQuery File Tree是一个可配置AJAX文件的浏览器插件。您可以创建一个定制的,低至只有一行JavaScript代码的在线互动文件树。
jquery-tree-drop-down-multi-level-menu-navigation
Preview Demo

24. Longed-For Multi-Level Drop-Down Menu Script

longed-jquery-drop-down-multi-level-menu-navigation
Preview Demo

25. jQuery & CSS Example – Dropdown Menu

本文旨在描述一个非常基本的,但极其强大的技术添加在你的应用程序用户界面或网页设计的下拉菜单。
designreviver-jquery-drop-down-multi-level-menu-navigation
Preview Demo

26. Reinventing a Drop Down with CSS and jQuery

reinventing-drop-down-multi-level-menu-navigation
Preview Demo

27. Simple jQuery Dropdowns

高度剥离下来的代码和最小的风格,但仍然有下拉菜单通常需要的所有功能。
simple-jquery-drop-down-multi-level-menu-navigation
Preview Demo

28. Styling Drop Down Boxes with jQuery

与HTML窗体一样风格的元素放进你的设计。
styling-jquery-drop-down-multi-level-menu-navigation
Preview Demo

29. jQuery iPod-style Drilldown Menu

ipod-drop-down-multi-level-menu-navigation
Preview Demo

30. jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready

新版本的iPod的风格的菜单。
recreated-drop-down-multi-level-menu-navigation
Preview Demo

31. mcDropdown jQuery Plug-in v1.2.07

mc-plugin-drop-down-multi-level-menu-navigation
Preview Demo

32. jQuery Drop Line Tabs

jQuery的下拉线标签(选项卡)
jquery-tabs-drop-down-multi-level-menu-navigation
Preview Demo

33. Cut & Paste jQuery Mega Menu

Mega Menus指下拉菜单中包含多个列的链接。这里使用的jQuery脚本允许您添加任何网页链接锚在一个巨型菜单上,当鼠标滑过了锚时,菜单动画淡入淡出。超级酷!
cut-paste-drop-down-multi-level-menu-navigation-1
Preview Demo

34. Professional dropdown #2

professional-drop-down-multi-level-menu-navigation
Preview Demo

35. Drop down menu with nested submenus

下拉菜单的嵌套子菜单
nested-drop-down-multi-level-menu-navigation-1

36. jdMenu Hierarchical Menu Plugin

jQuery jdMenu的插件提供了用于创建了Web应用程序的网站,下拉菜单,干净,简洁和优雅的解决方案。
jdmenu-drop-down-multi-level-menu-navigation
Preview Demo

37. Dynamic Drive – Multiple Level Menus

一个自由先进的CSS和Javascript下拉菜单很多,在这里,还有的指导和建议如何使用修改它们。
dynamic-drive-drop-down-multi-level-menu-navigation-1

38. IzzyMenu – Menu Builder – Build your pro CSS/DHTML Menu

几十个可供选择的样式或准备建立自己的菜单风格。都是小文件,不会消耗大量的带宽。
izzymenu-drop-down-multi-level-menu-navigation-1

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }