02-导言

15.0　导言

jQuery UI的优势之一是它很容易集成到各种网站和应用程序中。集成取得成功的主要因素之一是jQuery UI为其窗口组件应用和较大规模的网站或者系统设计相一致的观感的能力。

jQuery UI的设计专门简化了自定义主题。可以为窗口组件创建高度自定义的视觉样式——不仅自动包含颜色和纹理，还用如下插件提供了完备的交互状态：

• jQuery UI CSS Framework是一个全面的CSS类集，用于在不同窗口组件中应用一致的样式和行为。
• ThemeRoller是jQuery UI的主题创建工具。

上述这些工具组合起来提供了一种方法，可以轻松而一致地修改jQuery UI官方窗口组件和自定义组件的观感，使它们无缝地融入你的网站或者应用程序。

本章关注的是如何最大限度地利用这些工具，不管你是用它们自定义jQuery UI官方窗口组件还是将它们加入你的自定义开发工作流。我们将从jQuery UI CSS的概要和ThemeRoller的使用方法开始，然后将按照如下顺序介绍4个有关主题的秘诀：

1．用ThemeRoller设置jQuery UI窗口组件的样式；

2．覆盖jQuery UI布局和主题样式；

3．将ThemeRoller主题应用到非jQuey UI组件；

4．在一个页面上引用多个主题。

每个秘诀都从一个基本的设计难题示例开始，并逐步应用各种技术自定义主题。为此，你将经常看到某个秘诀引用本章另一个秘诀的情况。

在开始设置窗口组件样式之前，理解所有jQuery UI类的构造方式以及和ThemeRoller的协同方式非常重要。