13款珍品CSS+Javascript菜单

| |
[不指定 2007/11/16 15:31 | by TigerHood ]


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

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


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

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


演示: FastFind Menu[/color]


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/
Tags: , ,
Favorites | 评论(0) | 引用(0) | 阅读(853)
收藏到:
雅虎收藏夹
百度收藏
书签
新浪ViVi
搜狐网摘
365Key网摘
天极网摘
和讯网摘
网摘
网络书签
博拉网
天下图摘
发表评论
表情
emotemotemotemot
emotemotemotemot
emotemotemotemot
emotemotemotemot
emotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
昵称   密码   游客无需密码
网址   电邮   [注册]
               

验证码 不区分大小写