javascript导航菜单13则

来源:http://www.noupe.com/Ajax/13-awesome-java-script-CSS-menu.html翻译:http://parandroid.com下面为你准备了13个利用Javascript实现的网页导航菜单

1)Sexy Sliding Menu- 基于mootools的Javascript网页导航菜单，漂亮的滑动门技术，看到下面的图了没有，用它来设计你的Sidebar，非常之炫，Sexy，是的。

Demo:Mootols VersionDemo:Script.aculo.usVersion

2)FastFind Menu Script-这个脚本基本动态的Ajax技术，可以让你创建多级嵌套的菜单。

Demo:FastFind Menu

3)Webber 2.0 Dock Menu-一个典型的Dock类型网页导航菜单。

Demo:Webber 2.0 Dock Menu

4)Phatfusion- Image Menu-这这是一个使用Javascript的图片导航菜单，它最大的特点是除了悬浮展开图片链接之外，还保持当前选定的菜单链接状态。

Demo:Phatfusion- Image MenuDemo:Mootools version with xml parser

5)Drag and Drop ordering in a TreePanel-这个好像是从著名的Ext JS提取的，一个树型导航菜单，灵感当然是来源于Windows的资源管理器，我相信是这样的。

Demo:Drag and Drop ordering in a TreePanel

6)Custom Menu Events

在同一时间内显示展示菜单的介绍和其它相关信息，其动态效果甚至达到Flash。不过缺点是需要再次刷新才能进行导航菜单的动态显示。

Demo:Custom Menu Events | ThinkVitamin.com

7)Context Menu Functionality一个简洁轻巧的上下文本导航菜单，利于在用户浏览时达到一个良好的交互作用。

Demo:Context Menu Functionality

这是另一个DemoAnother Context Menu

8 )LavaLamp jQuery Sliding Menu一个基于jquery的滑动菜单效果，体积比较小巧。另一个版本是来自Guillermo Rauch基于mootools所构建的。

Demo:LavaLamp jQuery Sliding MenuDemo:Mootools Fancy Menu

9 )Slashdot Menu- Dynamic Drive这是一个流行的滑动/折叠导航菜单，是设计爱好者从著名网站Slashdot中提取的。其可控制性非常强，比如你可以设置为只准打前主菜单打开，或者全部打开，或同时收缩所有的子菜单等，且可以根据Cookie判断来显示菜单。

Demo:Slashdot Menu

10 )Mootools menu with Accordeon and Effects非常整洁的一个导航菜单，当鼠标悬浮的时候，当前链接就会伸展出来并且可以显示一个手风琴效果的二级菜单。

Demo:Mootools menu with Accordeon and Effects

11 )CSS Dock Menu这又是来自Nick la的Mac风格的鱼眼效果菜单，如果你对这种效果感兴趣，可以看一下我的另一篇文章:多个Mac风格的鱼眼菜单(Dock Menu)免费下载和教程