20个Javascript手风琴折叠菜单
作者：帕兰 来源：帕兰映像 发布时间：2009-10-12 12:09:00
标签：JavaScript,插件,手风琴,折叠菜单
当列表菜单项目特别多的时候，使用JavaScript手风琴菜单(Accordion Menus)是个不错的选择。手风琴折叠菜单利于组织菜单项、节约网页空间和方便用户点击浏览。纯CSS也可以实现悬浮效果的手风琴菜单，但是结合JavaScript能得到更好的特效和控制能力。当然，切记不要单纯的为了花俏的特效而使用JavaScript手风琴折叠菜单。
1. Accordion with color transition
在不同的面板之间进行切换时，折叠面板颜色会随之变换。
2. Completely Flexible Accordion
这个控件的折叠面板可随意，灵活定制。
3. Accordion with scriptaculous
一个基于scriptaculous开发，轻量级、跨浏览器的折叠控件。
4. Smallest Accordian (演示地址)
这个Accordian只有1149Bytes，是当前最小的折叠控件。
5. Horizontal accordion: jQuery (演示地址)
基于jQuery开发，非常简单的水平方向折叠控件。
0
投稿猜你喜欢
- 昨天在书友会上讨论信息分类和方法，有位朋友问：“大家现在讨论的还是几年前那套web2.0的东西，有没有一些新的东西可以分享？”我当时确实感觉
- 代码如下:ALTER proc [dbo].[sp_common_paypal_AddInfo] ( @paypalsql va
- 通常我们做网站，设计版面布局是第一步，如何做到版面布局具有创意又美观大方呢?这就需要一定的版面处理功底。让我们先来了解一下版面布局的步骤:一
- 浏览网页的时候经常会碰到一些不认识的英文单词，或者想知道一些中文单词的翻译，这时候再去找翻译软件或者翻译网站就有些麻烦了。因此我做了一个“中
- 我见到有的网站好像可以把数据库的记录读到表格里去，是这样的吗？如何做到的？可能是这样的，因为我们确实能把数据库里的记录用表格来储存，看看下面
- 给静态网页加密的方法有很多，有的简单有的复杂。前两天看见有人问静态网页加密问题，就写了这个代码思路：加密时：先把用户的密钥A用md5加密为B
校勘(collation)是指对代码页、字母大小写、音调、语言和字母表的整理，很多校勘都是在数据进入数据库之前进行的，根据我的经验，北美的大- <SCRIPT language="javascript"> function&nbs
- 配置环境： 1、数 据 库：Oracle 8i R2 (8.1.7) for NT 企业版 2、安装路径：C:ORACLE 实现方法： 1.
- Request.ServerVariables里Server_Name与Http_Host之间有什么区别呢？如果不仔细看，您应该看不出它们之
- 春节休息了几天，今天上班第一天，最近混twitter混得比较多，经常要压缩URL，以前做了个书签用http://is.gd/压缩，后来发现了
- 加班时抽空弄的，javascript图片链接定时轮换，自适应图片大小，支持预载，进行了简单封装，方便调用。发现自己还是菜得很，一个简单效果被
- 客户需要一个类似 news letter 的功能，当然，内容是可编辑的，而且还要以 HTML 格式呈现给用户。这就需要在发送邮件的时候，指明
- Oracle数据库以其高可靠性、安全性、可兼容性，得到越来越多的企业的青睐。如何使Oracle数据库保持优良性能，这是许多数据库管理员关心的
- 用下面代码可实现：<％Dim writeDim fileSysObj, tf, readrea
- <html><head><title>不刷新页面查询的方法</title><meta
- BLOG阅读：http://www.planabc.net/article.asp?id=118在使用CSS实现表现的时候，会经常接触到di
- 【译者的话】 作为一家非盈利性的防止青少年 * 的机构， Five Alive 希望拥有一个独特的标志来配合机构的宣传。他们决定在网站上通过竞
- 1、设置web.config文件。以下为引用的内容：<system.web> ...... <globalization
- 数据库在时回加for xml auto调用方法 SqlCommand SqlComm=
