[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

posted @ 2009-12-19 14:11 Justin 阅读(...) 评论(...) 编辑 收藏