13个效果超酷的Javascript网页导航菜单
13 Awesome Javascript CSS Menus via noupe.
每一个网页设计师都希望有一个极富创造性的网页导航菜单,下面为你准备了13个利用javascript实现的网页导航菜单,它们的效果真的是酷毙了, 我很多时候都忍不住有种冲动,想把这13个效果放在一起,做一个wordpress主题。只是我除了担心我对它们的掌控布置能力之外,更担心什么样的主机才能同时良好的运行它们。
哦,你没我那么傻,选择一下你最喜欢的,做为你的网页导航菜单吧。
1) Sexy Sliding Menu – 基于mootools的Javascript网页导航菜单,漂亮的滑动门技术,看到下面的图了没有,用它来设计你的Sidebar,非常之炫,Sexy,是的。
Demo: Mootols Version
Demo: 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 Menu
Demo: Mootools version with XML parser
5) Drag and Drop ordering in a TreePanel -这个好像是从著名的Ext JS提取的,一个树型导航菜单,灵感当然是来源于Windows的资源管理器,我相信是这样的。
Demo: Drag and Drop ordering in a TreePanel
在同一时间内显示展示菜单的介绍和其它相关信息,其动态效果甚至达到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 Menu
Demo: 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)免费下载和教程

Demo: CSS Dock Menu
12 ) jQuery Plugin: Sliding Menu- 一个非常简洁的滑动菜单。

Demo: jQuery Plugin: Sliding Menu
13 ) Accessible expanding and collapsing menu
Demo: Accessible expanding and collapsing menu
网络开发人员可以创建惊人的JavaScript和CSS效果,而AJAX技术使人们有可能创造更多的交互,更多的回应和更灵活的网站导航。如果你们这些家伙知道什么更加漂亮更加强大更加酷更加牛逼的网页导航菜单,你可以在这里留言,好让更多的网页设计者取之,用之,便之。方便,不是小便。














11:45 下午
我对PHP有了点点了解,就会写个99乘法表,MySQL也就会一些查询、更新动作,CSS会对某个东西样式一下子,但至今连对一个网页进行整体布局都困难,Ajax一点不会,Javascript一点不会,但都很爱这些东西,不知从哪里开始
10:33 下午
很是喜欢你的Blog,这篇我转载收藏了。
告知。Thx!
5:03 下午
用的还不是很熟,java开发过,.php现在正在用.对于这13个JS写的新奇玩意,已有几个已经用与实际当中!多谢!
2:20 下午
cool … usefull on future web development position
10:46 下午
thank you..
7:13 下午
thank you..
5:59 上午
你的blog好棒,里面有好东西例子都很感兴趣,谢谢,cool
1:16 下午
真不错。收藏起来。
1:53 上午
初学javascript,这篇关于菜单的文章给我很大帮助,太感谢了。
3:46 上午
so cool, thank you for share.
11:23 上午
帅是很帅 怎么用啊??
9:29 上午
在你的blog里面总能找到我需要的东西
11:27 上午
这篇文章很不错,呵呵转载一下,会留你的博客地址,如果不允许转载的话,麻烦告知一下,我留了EMAIL,或者通过QQ告诉我,我的QQ是17790049
9:12 下午
我的博客上用到了CSS Dock Menu
9:23 上午
very well
11:33 下午
不错
12:11 上午
3:37 下午
http://www.isstudy.com