注册 | 登录 忘记密码? 51cto首页 | 博客 | 论坛 | 招聘
热点文章 51CTO三周年庆典之IT北斗..
 帮助

13个希奇的 Javascript CSS 菜单


2008-02-21 12:48:32
 标签:Javascript CSS 菜单   [推送到技术圈]

 
 
13个希奇的 Javascript CSS 菜单 cacard

标签 CSS菜单

每个 web 设计者都希望设计出富有创造性的导航菜单。现在 diglog 为您呈现 13 个希奇的 Javascript 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 分析器)


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 菜单。
11.gif
演示:http://www.ndesign-studio.com/blog/mac/css-dock-menu

12) jQuery插件:Sliding Menu
12.gif
演示:http://www.getintothis.com/pub/projects/rb_menu/






    文章评论
 
 

发表评论

昵   称:
验证码:  点击图片可刷新验证码  博客过2级,无需填写验证码
内   容: