13个稀奇的 Javascript CSS 菜单

By kevinwu on November 8, 2007 1:30 AM | No Comments | No TrackBacks

每个 web 设计者都希望设计出富有创造性的导航菜单。现在 diglog 为您呈现 13 个希奇的 Javascript CSS 菜单，你可以通过修改来设计出符合自己意愿的个性菜单。

1） 性感滑动菜单（Sexy Sliding Menu） － 一种由 Mootools 制作，另外一种使用 scrip.aculo.us 制作的。

演示：Mootols 版本
演示：Script.aculo.us 版本

2） FastFind Menu Script － 此菜单使用 jQuery 库制作，基于动态 Ajax 相应，嵌套式菜单。

演示： FastFind Menu

3） Webber 2.0 Dock Menu － 类似 AppleMac 系统中船坞类型的导航菜单。

演示： Webber 2.0 Dock Menu

4） Phatfusion - 图片菜单 － 采用 Javascript的图片菜单，单击进行选择或者关闭。

演示： Phatfusion - Image Menu
演示： Mootools 版本（采用 XML 分析器）

5）可拖拽排序的树状菜单

演示：http://extjs.com/deploy/dev/examples/tree/reorder.html

6）自定义菜单事件 － 采用 Yahoo!UI 框架搭建，由 Think Vitamin 团队制作。

演示：http://www.thinkvitamin.com/misc/yui-demos/demo-10.html

7） 右键菜单功能 － 采用Yahoo!UI框架制作。

演示：http://yura.thinkweb2.com/scripting/contextMenu/

8） LavaLamp jQuery 滑动菜单 － 采用 jQuery 框架构建。

演示：LavaLamp jQuery 滑动菜单
演示： Mootools Fancy Menu

9） Slashdot 菜单 － 著名科技网站 Slashdot 样式的菜单效果。

演示：http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

10） Mootools 菜单

演示：http://www.artviper.eu/mootoolsmenu/

11） CSS Dock Menu － 真正仿 Mac 系统的 Dock 菜单。

演示：http://www.ndesign-studio.com/blog/mac/css-dock-menu

12） jQuery插件：Sliding Menu

演示：http://www.getintothis.com/pub/projects/rb_menu/

13） 可收缩菜单

演示：http://www.456bereastreet.com/lab/accessible-expanding-collapsing-menu/

(diglog.com 整理)