超级会员免费看
网页标签页与手风琴效果的实现与管理
1. 前期准备与基础概念
在网页开发中，很多 DOM 检查工具允许我们“即时”更改 CSS 规则，但要让这些更改永久生效，就需要将这些 CSS 规则写入 CSS 文件。当我们创建面向非 HTML 或 jQuery 专业人员使用的内容管理系统（CMS）时，让用户无需学习 HTML 就能轻松创建标签页（tabs）或手风琴效果（accordions）至关重要。
CMS 通常有前端和后端，前端供读者访问网站主要内容，后端供管理员登录并创建或编辑内容。这里所说的“管理区域”指的是管理员登录后的操作区域，一般由非技术人员使用 CMS 开发者提供的表单输入内容。
2. jQuery 手风琴插件的使用
手风琴效果与标签页效果类似，一次只显示一个信息面板，可通过点击面板标题链接来切换不同面板。jQuery UI 项目的核心文件中已经有了不错的手风琴效果实现，通常无需额外下载插件。但如果想使用一些非标准效果，如水平手风琴（默认是垂直的），可以到 http://plugins.jquery.com/ 查找合适的插件。
在 HTML 结构上，标签页的标题位于内容上方，而手风琴的标题则在内容部分之间。
以下是创建手风琴效果的客户端代码示例，创建一个名为 accordion.html 的文件，内容如下：
<html>
<head>
<script src="../jquery.min.js"></script>
<script src="../jquery-u
订阅专栏 解锁全文
扫一扫
2195
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
