Sexy JS & CSS Menu (性感的CSS菜单)

1) 性感滑动菜单(Sexy Sliding Menu) - 一种由 Mootools 制作,另外一种使用 scrip.aculo.us 制作的。

sexy-menu.gif


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

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

fastfind.gif


演示: FastFind Menu

3) Webber 2.0 Dock Menu - 类似 Apple Mac 系统中船坞类型的导航菜单。

dockmenu.gif


演示: Webber 2.0 Dock Menu

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

phatfusion.jpg


演示: Phatfusion - Image Menu
演示: Mootools 版本(采用 XML 分析器)

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

tree.gif


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

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

custom.gif


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

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

custom.jpg


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


8) LavaLamp jQuery 滑动菜单 - 采用 jQuery 框架构建。

lavalamp.gif


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

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

9.gif


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

10) Mootools 菜单

10.jpg


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

11) CSS Dock Menu - 真正仿 Mac 系统的 Dock 菜单。

12) jQuery插件:Sliding Menu
12.gif


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

13) 可收缩菜单
13.gif


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

来自CSSplay 的仿Vista、Mac效果CSS菜单,采用sliding doors 技术,跨浏览器支持,示例如下:
















下载地址:http://www.cssplay.co.uk/menus/pro_horizontal.html

如果你想自己制作一个请参看:How to create VISTA style toolbar with CSS



[本日志由 darkwood 于 2008-03-25 05:29 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 0 | 引用: 0 | 查看次数: 1470
回复回复路过[2009-06-02 11:08 AM | del]
Very very good!!![lol]
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭