分类目录 ‘Menu’

title-jquery-navigation导航菜单在任何网站中都占有举足轻重的地位。对于充满了大量页面与文章的大型网站来说,下拉菜单于选项卡菜单非常受欢迎,这是因为用户可以通过他们 轻松的浏览网站,同时运用动态的选项卡显示内容能节省网站大量的空间。加入你也想创建一个属于自己的与众不同导航菜单的话,jQuery是提供一套定制选 项的正确选择。这就是为什么我想大家推荐36个jquery导航菜单实例的原因。
(全文 …)

作为每个网站必要的组件,设计优美的导航栏不仅可以使页面变得美观,而且可以改进网站的可用性。而对于内容繁多的大型站点来说,下拉式菜单可以使用户便捷地在站内跳转而无须进行多次的点击。本文推荐二十五个可以帮助你实现下拉式菜单的脚本。

jQuery Multi Level CSS Menu #1
(全文 …)

下面为你准备了13个利用Javascript实现的网页导航菜单

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

Sexy Sliding Menu

Demo: Mootols Version

Demo: Script.aculo.usVersion
(全文 …)

每一个网页设计师都希望有一个极富创造性的网页导航菜单,下面为你准备了13个利用Javascript实现的网页导航菜单,它们的效果真的是酷毙 了, 我很多时候都忍不住有种冲动,想把这13个效果放在一起,做一个Wordpress主题。只是我除了担心我对它们的掌控布置能力之外,更担心什么样的主机 才能同时良好的运行它们。

哦,你没我那么傻,选择一下你最喜欢的,做为你的网页导航菜单吧。

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

来源: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,是的。

Sexy Sliding Menu

Demo: Mootols Version
Demo: Script.aculo.usVersion

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

FastFind Menu

Demo: FastFind Menu

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

Webber 2.0 Dock Menu

Demo: Webber 2.0 Dock Menu

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

Phatfusion- Image Menu

Demo: Phatfusion- Image Menu
Demo: Mootools version with XML parser

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

drag drop treepanel

Demo: Drag and Drop ordering in a TreePanel

6) Custom Menu Events

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

Custom Menu Events

Demo: Custom Menu Events | ThinkVitamin.com

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

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判断来显示菜单。

Slashdot Menu

Demo: Slashdot Menu

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

mootools menuMenu

Demo: Mootools menu with Accordeon and Effects

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