13款珍品CSS+Javascript菜单

每个 web 设计者都希望设计出富有创造性的导航菜单。现在为您呈现 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 - 类似 Apple Mac 系统中船坞类型的导航菜单。

演示: 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/

转载于:https://www.cnblogs.com/CB/archive/2008/05/12/1193971.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值