以前发布过两篇文章——“30种时尚的CSS网站导航条”和“20个优秀的Javascript导航技术”,今天向大家介绍一下,13个不错的Javascript和CSS的菜单。

1) 性感的滑动型菜单 

Sexy-menu - 13不错的Javascript CSS菜单

演示: Mootols Version
演示:Script.aculo.usVersion

 

2) FastFind 菜单 右键菜单,还可以被拖来拖去。使用 jQuery 。

Fastfind - 13不错的Javascript CSS菜单

演示: FastFind Menu

 

3) Webber 2.0 Dock 菜单

Dockmenu - 13不错的Javascript CSS菜单

演示: Webber 2.0 Dock Menu

 

4) Phatfusion- 图片菜单 使用了onClick 事件来 open 和 close 菜单项。

Phatfusion - 13不错的Javascript CSS菜单

演示: Phatfusion- Image Menu
演示: Mootools version with XML parser

 

5) 可拖动的树形菜单

 Tree - 13不错的Javascript CSS菜单

演示: Drag and Drop ordering in a TreePanel

 

6) 自定义的菜单事件

Custom - 13不错的Javascript CSS菜单

演示: Custom Menu Events | ThinkVitamin.com

 

7) 右键菜单

Custom - 13不错的Javascript CSS菜单

演示: Context Menu Functionality
演示:Another Context Menu

 

8 ) LavaLamp jQuery 滑动菜单

Lavalamp - 13不错的Javascript CSS菜单

演示: LavaLamp jQuery Sliding Menu
演示: Mootools Fancy Menu

 

9 ) 折叠式菜单

9 - 13不错的Javascript CSS菜单

演示: Slashdot Menu

 

10 ) Mootools层叠式菜单

10 - 13不错的Javascript CSS菜单

演示: Mootools menu with Accordeon and Effects

 

11 ) CSS Dock 菜单 模仿Mac 电脑界面。 

11 - 13不错的Javascript CSS菜单

演示: CSS Dock Menu

 

12 ) jQuery 插件:滑动式菜单

12 - 13不错的Javascript CSS菜单

演示: jQuery Plugin: Sliding Menu

 

13 ) 折叠式菜单

13 - 13不错的Javascript CSS菜单

演示: Accessible expanding and collapsing menu

文章:来源

转载于酷壳CoolShell 无删改 仅以此纪念陈皓(左耳朵耗子)