你的位置: Kiyo'Space首页 HTML/CSS/特效 阅读文章 欢迎留下您的足迹

30多个CSS和JS下拉菜单资源

[ HTML/CSS/特效 ] 分享
导航菜单是网站设计中最重要的因素之一。网络开发人员可以使用CSS创建方便用户的横向或纵向导航菜单, 而JavaScript则使人们有可能创造更多的互动,更多的响应和更灵活的导航到任何网站。Noupe在这篇文章里面提出了25个以上(横向和纵向)多层次的下拉菜单,包括使用了JavaScript和CSS ,你可以将这些示例和教程用你的未来网站设计计划。
一些CSS菜单相关的链接

横向和纵向的下拉菜单

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

m1 30多个CSS和JS下拉菜单资源


2) Professional Dropdown

 

m30 30多个CSS和JS下拉菜单资源

 

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

 

m3 30多个CSS和JS下拉菜单资源


30多个CSS和JS下拉菜单资源/帕兰映像

 

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

m4 30多个CSS和JS下拉菜单资源


5) jQuery SuckerFish

 

m5 30多个CSS和JS下拉菜单资源


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

 

m6 30多个CSS和JS下拉菜单资源

 

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

 

m7 30多个CSS和JS下拉菜单资源


30多个CSS和JS下拉菜单资源/帕兰映像

 

8 ) Slide down menu- 一个基于<UL><LI>列表元素的滑动菜单.

m8 30多个CSS和JS下拉菜单资源


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

 

m9 30多个CSS和JS下拉菜单资源


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

 

m10 30多个CSS和JS下拉菜单资源


11) Building a dynamic drop down menu

 

m11 30多个CSS和JS下拉菜单资源


12) onMenuOpen onMenuCollapse Events

 

m12 30多个CSS和JS下拉菜单资源


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

 

30多个CSS和JS下拉菜单资源/帕兰映像

m13 30多个CSS和JS下拉菜单资源

 

14) Mootools Unlimited Drop Menu

 

m14 30多个CSS和JS下拉菜单资源


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

 

m15 30多个CSS和JS下拉菜单资源


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

 

m16 30多个CSS和JS下拉菜单资源


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

 

m17 30多个CSS和JS下拉菜单资源


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

 

m18 30多个CSS和JS下拉菜单资源

30多个CSS和JS下拉菜单资源/帕兰映像

 

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

 

m19 30多个CSS和JS下拉菜单资源


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

 

m20 30多个CSS和JS下拉菜单资源


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

 

m21 30多个CSS和JS下拉菜单资源


22) Drop Down menu

 

m22 30多个CSS和JS下拉菜单资源


23) Accessible fold-out menu

 

m23 30多个CSS和JS下拉菜单资源

30多个CSS和JS下拉菜单资源/帕兰映像

 

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

 

m27 30多个CSS和JS下拉菜单资源


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

 

m29 30多个CSS和JS下拉菜单资源


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

 

m2 30多个CSS和JS下拉菜单资源


下拉菜单教程

CSS Pop-Out Menu Tutorial

m24 30多个CSS和JS下拉菜单资源

30多个CSS和JS下拉菜单资源/帕兰映像

 

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

 

m25 30多个CSS和JS下拉菜单资源


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

 

m28 30多个CSS和JS下拉菜单资源


30多个CSS和JS下拉菜单资源/帕兰映像

 

下拉菜单生成器

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

adr5 30多个CSS和JS下拉菜单资源

 


 


 


 


 


 



欢迎在此留下您的脚步






评论内容 (*必填):
(Ctrl + Enter 快速提交)