[JavaScript&CSS]Javascript和CSS的菜单


【译文地址】:http://coolshell.cn/?p=1660
【原始地址】:13 Awesome Javascript CSS Menus

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