开发者社区> 风月无边> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

下拉菜单源码30则

简介: 横向和纵向的下拉菜单 1) Fancy Sliding Tab Menu using script.aculo.us 2) Professional Dropdown 3) Multi-level effect menu - 这是一个高度可配置的 javascript/css下拉菜单, 可以让你轻松生成多级层联的横向或纵向下拉菜单. FastFind Menu - 一个基于 jQuery
+关注继续查看

横向和纵向的下拉菜单

1) Fancy Sliding Tab Menu using script.aculo.us 2) Professional Dropdown 3) Multi-level effect menu - 这是一个高度可配置的 javascript/css下拉菜单, 可以让你轻松生成多级层联的横向或纵向下拉菜单.


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>元素生成的菜单, 它使用简单, 并且结构非常有利于搜索引擎


一个基于<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 - 这是一个简单的下拉菜单, 当鼠标悬浮的时候产生手风琴的弹出效果. 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 和少许的 JavaScriptDrop 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 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菜单,然后通过一行代码引用即可


19)


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Memcached源码分析 - LRU淘汰算法(6)
Memcached源码分析 - 网络模型(1)Memcached源码分析 - 命令解析(2)Memcached源码分析 - 数据存储(3)Memcached源码分析 - 增删改查操作(4)Memcached源码分析 - 内存存储机制Slabs(5)Memcached源码分析 - LRU淘汰算法(6)Memcached源码分析 - 消息回应(7) Memcached的LRU几种策略 惰性删除。
787 0
jQuery cxSelect 联动下拉菜单
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/w178191520/article/details/84111643 插件简介 cxSelect 是基于 jQuery 的多级联动菜单插件,适用于省市、商品分类等联动菜单。
745 0
naco源码三--服务注册源码
naco源码三--服务注册源码
0 0
源码分析 RocketMQ DLedger(多副本) 之日志复制-下篇
源码分析 RocketMQ DLedger(多副本) 之日志复制-下篇
0 0
CF1272 E.Nearest Opposite Parity(反向建图+BFS)
CF1272 E.Nearest Opposite Parity(反向建图+BFS)
0 0
+关注
风月无边
java,架构方面专家
文章
问答
文章排行榜
最热
最新
相关电子书
更多
宏光S导航安装教程
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载