新鲜出炉：jQuery UI v1.5 特色“Themeroller”

jQuery UI 版本 1.5 刚刚发布，它将是一个重大的版本。对于我们设计师和 CSS 编码人员来说，以下是一些主要的亮点

• 类转换（变形）：$(“div”).addClass(“green”, “slow”)。因此，现在我们不仅可以“瞬间”将类添加到任何页面元素（这会立即应用该类中的所有 CSS 属性），还可以“变形”到该类（这将动画化到该类中的 CSS 属性）。
• 更简单的文件结构。 这仅仅意味着使用 jQuery UI 将更容易上手，因为它具有更少的依赖项。从 jQuery 1.2.6 开始，尺寸相关功能已内置，因此不再需要单独包含。此外，也不再需要 UI Core 和 UI Mouse。
• 独立效果。 如果您因为 script.aculo.us 而一直坚持使用 Prototype，那么现在可以放弃了。script.aculo.us 中的每个已知效果现在都包含在内（blind、bounce、drop、fold、slide、puff…），而且现在更易于配置。还有一些非常酷的新效果，例如 transfer、explode、clip 和 scale。
• ……这还不是全部。 这仅仅是冰山一角。请自行查看 详细的更改日志。

 

Themeroller

对于 jQuery 和 jQuery UI 新手来说，这是最令人兴奋的部分。人们（尤其是设计师）选择 JavaScript 库最常见的原因可能是为了构建诸如选项卡框、手风琴和日期选择器之类的功能，以及类似的小部件，而无需经历从头编写这些功能所需的所有工作。

jQuery 使这些操作变得容易，而 jQuery UI 使它们变得更加容易。但是，您仍然需要通过 CSS 自己进行所有设计和自定义。当然，我们希望拥有这种控制权，但如果我们不必从头开始，岂不是更好？这就是 Themeroller 的作用所在。Themeroller 是 jQuery UI 网站的一部分，您可以在其中设计和构建您自己的自定义主题，用于您自己的小部件套件。只需根据您的喜好调整颜色、字体和纹理，它就会为您自定义一个下载文件，其中包含所有这些小部件，并以您的自定义样式准备就绪。没有比这更容易的了！

 

感谢与致谢

我要感谢 Rey Bango 在他们开发这些功能时让我提前了解了所有这些内容。Rey 是 jQuery 团队的一员，担任布道师。

特别感谢 Filament Group，他们构建了出色的 Themeroller。

还要特别感谢 Liferay 团队，他们投入了无数时间来开发新的 UI 网站，并且与 jQuery 紧密合作，以稳定各种企业环境中的 jQuery UI。