[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


本文转自Justin博客园博客,原文链接:http://www.cnblogs.com/justinw/archive/2009/12/19/1627703.html,如需转载请自行联系原作者

相关文章
JS+CSS随机点名详细介绍复制可用(可自己添加人名)
JS+CSS随机点名详细介绍复制可用(可自己添加人名)
|
1月前
|
前端开发 JavaScript
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
24 0
|
1月前
|
前端开发 JavaScript UED
前端开发的魔法:CSS动画与JavaScript的完美结合
本文将探讨如何利用CSS动画和JavaScript的结合,为前端页面增添生动的效果。我们将通过实例展示如何使用这两种技术为网页元素创建吸引人的动画效果,并讨论它们的优缺点和适用场景。
27 0
|
1月前
|
缓存 自然语言处理 前端开发
JS/CSS体积减少了67%,我们是如何做到的?
JS/CSS体积减少了67%,我们是如何做到的?
18 1
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 079 JavaScript 循环语句
编程笔记 html5&css&js 079 JavaScript 循环语句
|
1月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 078 JavaScript 条件判断语句
条件判断语句是首先要接触的语句。通过条件判断来执行不同的代码块。
|
1月前
|
JavaScript 前端开发 编译器
编程笔记 html5&css&js 077 Javascript 关键字
编程笔记 html5&css&js 077 Javascript 关键字
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 076 Javascript 表达式
编程笔记 html5&css&js 076 Javascript 表达式
|
1月前
|
存储 JavaScript 前端开发
编程笔记 html5&css&js 075 Javascript 常量和变量
编程笔记 html5&css&js 075 Javascript 常量和变量
|
1月前
|
JavaScript 前端开发 程序员
编程笔记 html5&css&js 074 Javascript 运算符
编程笔记 html5&css&js 074 Javascript 运算符