xzknet 发表于 2013-1-29 07:48:07

下拉菜单源码30则

横向和纵向的下拉菜单

1) Fancy Sliding Tab Menu using script.aculo.ushttp://www.51flash.cn/wp-content/uploads/2008/08/m6.gif<span /> 2) Professional Dropdownhttp://www.51flash.cn/wp-content/uploads/2008/08/m30.gif 3) Multi-level effect menu - 这是一个高度可配置的 javascript/css下拉菜单, 可以让你轻松生成多级层联的横向或纵向下拉菜单.http://www.51flash.cn/wp-content/uploads/2008/08/m3.gif
FastFind Menu - 一个基于 jQuery的菜单, AJAX的响应效果, 这个菜单可以 进行拖拽操作.http://www.51flash.cn/wp-content/uploads/2008/08/m4.gif
5) jQuery SuckerFish http://www.51flash.cn/wp-content/uploads/2008/08/m5.gif
6) Drop Down Tabs (5 styles) - Drop Down Tabs是一个横向的CSS 选项卡菜单, 每个选项卡都支持二级下拉菜单.http://www.51flash.cn/wp-content/uploads/2008/08/m1.gif
7) List Based Menu with Images - 使用<UL><LI>元素生成的菜单, 它使用简单, 并且结构非常有利于搜索引擎http://www.51flash.cn/wp-content/uploads/2008/08/m7.gif
一个基于<UL><LI>列表元素的滑动菜单.http://www.51flash.cn/wp-content/uploads/2008/08/m8.gif
9) Dropdownmenu made with scriptaculous/prototype - 一个多级层联的下拉菜单. http://www.51flash.cn/wp-content/uploads/2008/08/m9.gif
10) Suckerfish-style menu plugin for jQuery -一个效果不错的二级横各菜单.http://www.51flash.cn/wp-content/uploads/2008/08/m10.gif
11) Building a dynamic drop down menu http://www.51flash.cn/wp-content/uploads/2008/08/m11.gif
12) onMenuOpen onMenuCollapse Events http://www.51flash.cn/wp-content/uploads/2008/08/m12.gif
13) Mootools menu with accordion and effects - 这是一个简单的下拉菜单, 当鼠标悬浮的时候产生手风琴的弹出效果.http://www.51flash.cn/wp-content/uploads/2008/08/m13.jpg Mootools Unlimited Drop Menu http://www.51flash.cn/wp-content/uploads/2008/08/m14.gif
 
15) Creating an Outlook Navigation Bar - 使用列表生成的Outlook风格的导航菜单.http://www.51flash.cn/wp-content/uploads/2008/08/m15.jpg
16) Simple CSS vertical menu Digg-like - 这个教程向你展示如何创建一个Digg风格的下拉菜单, 通过JS和CSS实现, 并且点击实现展示和隐藏.http://www.51flash.cn/wp-content/uploads/2008/08/m16.gif
17) Drop down menu with Prototype 基于Prototype框架的下拉菜单http://www.51flash.cn/wp-content/uploads/2008/08/m17.gif
18) Drop down menu with nested submenus - 使用CSS 和少许的 JavaScripthttp://www.51flash.cn/wp-content/uploads/2008/08/m18.gifDrop down menu with jquery - 一个下拉动画菜单, 使用 jquery框架http://www.51flash.cn/wp-content/uploads/2008/08/m19.gif
 
20) jdMenu Hierarchical Menu - The jdMenu plugin基于jQuery框架, 为你提供一个简洁的方法生成漂亮的二级导航菜单.http://www.51flash.cn/wp-content/uploads/2008/08/m20.gif
21) jQuery plugin: Treeview -这是一个轻量级和灵活的多级树形下拉菜单, 类似于Windows的资源管理器.http://www.51flash.cn/wp-content/uploads/2008/08/m21.gif
22) Drop Down menu http://www.51flash.cn/wp-content/uploads/2008/08/m22.gif
23) Accessible fold-out menu http://www.51flash.cn/wp-content/uploads/2008/08/m23.gif Accordion Menu script -这是一个教程示例 ,将你如何创建一个手风琴效果的二级下拉菜单.http://www.51flash.cn/wp-content/uploads/2008/08/m27.gif
25) Complex Dynamic Lists - 使用无序列表, 创建一个比较复杂的多级层联菜单.http://www.51flash.cn/wp-content/uploads/2008/08/m29.gif
26) Chrome CSS Drop Down Menu - Chrome Menu是一个CSS 和 JavaScript 结合的下拉菜单, 它的使用非常简单, 且对搜索引擎友好.http://www.51flash.cn/wp-content/uploads/2008/08/m2.gif
下拉菜单教程

CSS Pop-Out Menu Tutorial http://www.51flash.cn/wp-content/uploads/2008/08/m24.gif
CSS Express Drop-Down Menus - CSS Express menus可以给每个横各菜单元素添加一个纵向的下拉菜单.http://www.51flash.cn/wp-content/uploads/2008/08/m25.jpg
Son of Suckerfish Dropdowns - 一个易于使用,超轻量级的下拉菜单, (仅仅需要12 行 JavaScript代码), 可以生成多级层联的下拉菜单, 且兼容各大主流浏览器http://www.51flash.cn/wp-content/uploads/2008/08/m28.gif
下拉菜单生成器

Izzymenu - Ajax界面操作, 让你可以轻松生成自己的CSS下拉DHTML菜单,然后通过一行代码引用即可 http://www.51flash.cn/wp-content/uploads/2008/08/adr5.jpg

19)
页: [1]
查看完整版本: 下拉菜单源码30则