css折叠 css折叠展开效果

css样式中spry是什么意思，怎么运用

定义　　Spry 框架是一个 JavaScript 库，Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。有了 Spry，就可以使用 HTML、CSS 和极少量的 JavaScript 将 XML 数据合并到 HTML 文档中，创建构件（如折叠构件和菜单栏），向各种页面元素中添加不同种类的效果。在设计上，Spry 框架的标记非常简单且便于那些具有 HTML、CSS 和 JavaScript 基础知识的用户使用。Spry 框架主要面向专业 Web 设计人员或高级非专业 Web 设计人员。它不应当用作企业级 Web 开发的完整 Web 应用框架（尽管它可以与其它企业级页面一起使用）。Spry可以使用XML和JSON两种格式的数据源。 　　有关 Spry 框架的详细信息，Spry 构建 Web 页的教程，请访问其网站编辑本段Spry框架的目标　　

1）保持开放 　　Spry工作在所有的HTML编辑器上，包括Dreamweaver。任何人都可以从Adobe Labs下载它，开始建立高性能的交互式Web页面和应用程序。无需授权或服务端代码支持。 　　

2）易于使用 　　Spry使用了同建立Web页面相同的技术，如HTML，CSS和JavaScript，包括几个JavaScript库。使用同样的技术来创建和设计动态区域和交互式的工具，可以象其它HTML元素一样在页面上使用。 　　

3）能够创新（innovation） 　　Spry提供了轻量级的强有力的模型，如增加数据、交互性，丰富的UI工具，促使你完全控制设计。 　　Spry同时为Web设计者和开发者而创建。 　　它的指导原则： 　　1）工作在Web产品上，集中精力于Web UI和x(HTML)产品 　　2）x(HTML)和CSS专家 　　3）熟悉JavaScript和DOM 　　

4）关心代码的质量 　　

5）想创建下一代的Web页面。 　　要求： 　　1）保持框架熟悉、轻量级和透明性 　　2）保持框架最小（以页为中心Page-Centric） 　　3）看起来象HTML的自然扩展 　　4）和其它技术的整合 　　提供更好的设计开发工作流 　　1）促使设计时的数据和内容的分离 　　2）支持"design-time XML" 　　3）框架易于均衡design-time工具

定义　　Spry框架是一个JavaScript库，Web设计人员使用它可以构建能够向站点访问者提供更丰富体验的Web页。有了Spry，就可以使用HTML、CSS和极少量的JavaScript将XML数据合并到HTML文档中，创建构件（如折叠构件和菜单栏），向各种页面元素中添加不同种类的效果。在设计上，Spry框架的标记非常简单且便于那些具有HTML、CSS和JavaScript基础知识的用户使用。Spry框架主要面向专业Web设计人员或高级非专业Web设计人员。它不应当用作企业级Web开发的完整Web应用框架（尽管它可以与其它企业级页面一起使用）。Spry可以使用XML和JSON两种格式的数据源。　　有关Spry框架的详细信息，Spry构建Web页的教程，请访问其网站编辑本段Spry框架的目标　　

1）保持开放　　Spry工作在所有的HTML编辑器上，包括Dreamweaver。任何人都可以从AdobeLabs下载它，开始建立高性能的交互式Web页面和应用程序。无需授权或服务端代码支持。　　

2）易于使用　　Spry使用了同建立Web页面相同的技术，如HTML，CSS和JavaScript，包括几个JavaScript库。使用同样的技术来创建和设计动态区域和交互式的工具，可以象其它HTML元素一样在页面上使用。　　

3）能够创新（innovation）　　Spry提供了轻量级的强有力的模型，如增加数据、交互性，丰富的UI工具，促使你完全控制设计。　　Spry同时为Web设计者和开发者而创建。　　它的指导原则：　　1）工作在Web产品上，集中精力于WebUI和x(HTML)产品　　2）x(HTML)和CSS专家　　3）熟悉JavaScript和DOM　　

4）关心代码的质量　　

5）想创建下一代的Web页面。　　要求：　　1）保持框架熟悉、轻量级和透明性　　2）保持框架最小（以页为中心Page-Centric）　　3）看起来象HTML的自然扩展　　4）和其它技术的整合　　提供更好的设计开发工作流　　1）促使设计时的数据和内容的分离　　2）支持"design-timeXML"　　3）框架易于均衡design-time工具