酷壳 – COOLSHELL

    13个不错的Javascript和CSS的菜单

    原文：酷壳 – CoolShell · 陈皓 · 2009-11-04 · 8,844 人阅读

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

    1. 性感的滑动型菜单

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

    ](http://www.andrewsellick.com/35/sexy-sliding-javascript-side-bar-menu-using-mootools)

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

    1. FastFind 菜单 右键菜单，还可以被拖来拖去。使用 jQuery 。

    [Fastfind - 13不错的Javascript CSS菜单

    ](http://labs.activespotlight.net/jQuery/menu_demo.html)

    演示： FastFind Menu

    1. Webber 2.0 Dock 菜单

    [Dockmenu - 13不错的Javascript CSS菜单

    ](http://2210media.com/dock_menu/)

    演示： Webber 2.0 Dock Menu

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

    [Phatfusion - 13不错的Javascript CSS菜单

    ](http://www.phatfusion.net/imagemenu/index.htm)

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

    1. 可拖动的树形菜单

    [Tree - 13不错的Javascript CSS菜单

    ](http://extjs.com/deploy/dev/examples/tree/reorder.html)

    演示： Drag and Drop ordering in a TreePanel

    1. 自定义的菜单事件

    [Custom - 13不错的Javascript CSS菜单

    ](http://www.thinkvitamin.com/misc/yui-demos/demo-10.html)

    演示： Custom Menu Events | ThinkVitamin.com

    1. 右键菜单

    [Custom - 13不错的Javascript CSS菜单

    ](http://yura.thinkweb2.com/scripting/contextMenu/)

    演示： Context Menu Functionality
    演示：Another Context Menu

    8 ) LavaLamp jQuery 滑动菜单

    [Lavalamp - 13不错的Javascript CSS菜单

    ](http://gmarwaha.com/blog/?p=7)

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

    9 ) 折叠式菜单

    [9 - 13不错的Javascript CSS菜单

    ](http://www.dynamicdrive.com/dynamicindex1/slashdot.htm)

    演示： Slashdot Menu

    10 ) Mootools层叠式菜单

    [10 - 13不错的Javascript CSS菜单

    ](http://www.artviper.eu/mootoolsmenu/)

    演示： Mootools menu with Accordeon and Effects

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

    [11 - 13不错的Javascript CSS菜单

    ](http://www.ndesign-studio.com/blog/mac/css-dock-menu)

    演示： CSS Dock Menu

    12 ) jQuery 插件：滑动式菜单

    [12 - 13不错的Javascript CSS菜单

    ](http://www.getintothis.com/pub/projects/rb_menu/)

    演示： jQuery Plugin: Sliding Menu

    13 ) 折叠式菜单

    [13 - 13不错的Javascript CSS菜单

    ](http://www.456bereastreet.com/lab/accessible-expanding-collapsing-menu/)

    演示： Accessible expanding and collapsing menu

    文章：来源

    （转载本站文章请注明作者和出处 酷 壳 – CoolShell ，请勿用于任何商业用途）

    转载请注明作者和出处：酷壳 – CoolShell。本文仅供学习，请勿用于商业用途。