横向和纵向的下拉菜单

1) Fancy Sliding Tab Menu using script.aculo.us

2) Professional Dropdown

3) Multi-level effect menu
这是一个高度可配置的 javascript/css下拉菜单, 可以让你轻松生成多级层联的横向或纵向下拉菜单.


4)FastFind Menu
一个基于 jQuery的菜单, AJAX的响应效果, 这个菜单可以 进行拖拽操作.

 


5) jQuery SuckerFish

 


6) Drop Down Tabs (5 styles)
Drop Down Tabs是一个横向的CSS 选项卡菜单, 每个选项卡都支持二级下拉菜单.

 


7) List Based Menu with Images
使用<UL><LI>元素生成的菜单, 它使用简单, 并且结构非常有利于搜索引擎

 


8)一个基于<UL><LI>列表元素的滑动菜单

 


9) Dropdownmenu made with scriptaculous/prototype
一个多级层联的下拉菜单.

 


10) Suckerfish-style menu plugin for jQuery
一个效果不错的二级横各菜单

 


11) Building a dynamic drop down menu

 


12) onMenuOpen onMenuCollapse Events

 


13) Mootools menu with accordion and effects
这是一个简单的下拉菜单, 当鼠标悬浮的时候产生手风琴的弹出效果.

 



14) Mootools Unlimited Drop Menu

 


15) Creating an Outlook Navigation Bar
使用列表生成的Outlook风格的导航菜单

 

 


16) Simple CSS vertical menu Digg-like
这个教程向你展示如何创建一个Digg风格的下拉菜单, 通过JS和CSS实现, 并且点击实现展示和隐藏.

 


17) Drop down menu with Prototype
基于Prototype框架的下拉菜单

 


18) Drop down menu with nested submenus
使用CSS 和少许的 JavaScript

 


19)Drop down menu with jquery
一个下拉动画菜单, 使用 jquery框架

 


20) jdMenu Hierarchical Menu
The jdMenu plugin基于jQuery框架, 为你提供一个简洁的方法生成漂亮的二级导航菜单.

 

 


21) jQuery plugin: Treeview
这是一个轻量级和灵活的多级树形下拉菜单, 类似于Windows的资源管理器.

 


22) Drop Down menu

 


23) Accessible fold-out menu



24)Accordion Menu script
这是一个教程示例 ,将你如何创建一个手风琴效果的二级下拉菜单.

 


25) Complex Dynamic Lists
使用无序列表, 创建一个比较复杂的多级层联菜单.

 


26) Chrome CSS Drop Down Menu
Chrome Menu是一个CSS 和 JavaScript 结合的下拉菜单, 它的使用非常简单, 且对搜索引擎友好.

 


下拉菜单教程

CSS Pop-Out Menu Tutorial


CSS Express Drop-Down Menus
CSS Express menus可以给每个横各菜单元素添加一个纵向的下拉菜单.


Son of Suckerfish Dropdowns
一个易于使用,超轻量级的下拉菜单, (仅仅需要12 行 JavaScript代码), 可以生成多级层联的下拉菜单, 且兼容各大主流浏览器

 


下拉菜单生成器

Izzymenu
Ajax界面操作, 让你可以轻松生成自己的CSS下拉DHTML菜单,然后通过一行代码引用即可

 

 

 

 

From:http://hi.baidu.com/laddie10/blog/item/45624b080bb6cc930b7b827f.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值