视频: [跟峰哥学Node.js编程系列教程] 在Nodejs Express 程序中使用静态文件, CSS, 图片, Javascript, CSS网页布局, JS飘雪效果示例 2024
编写jQuery UI代码并不困难，但是对于HTML5和CSS3程序员来说，获取库的正确部分可能有点混乱。 jQuery UI库比标准的jQuery包大得多，所以如果你不需要，你可能不想包含整个东西。
以前的jQuery UI版本允许您下载整个包，但是将每个元素存储在单独的JavaScript文件中。有六个不同的脚本标签是常见的，只是为了获得各种元素。
<！更糟糕的是，存在一些依赖性问题，所以在使用其他软件包之前，需要确保安装了某些软件包。这使得一个简单的库实际使用相当复杂。幸运的是，最新版本的jQuery UI使得这个过程变得相当简单：
挑选（或创建）你的主题。
-
使用themeRoller网站从模板库中选取一个起始位置。然后，您可以自定义您的主题，以做任何你想要的（改变颜色，字体和其他元素）。
<！ - 2 - >
下载主题。 themeRoller有一个下载按钮。当你准备下载你的主题时点击这个。选择你想要的元素。 -
当你第一次开始一个项目时，你可能会选择所有的元素。如果您发现页面加载速度太慢，您可能会构建一个只包含您需要的元素的较小版本。现在，挑选一切。
-
下载文件。
在您选择了所需的元素后，您可以将其下载到一个zip文件中。
将zip文件的内容安装到您的工作目录中。 -
压缩文件包含许多文件和目录。将css和js目录复制到您的网页所在的目录（通常是public_html或htdocs目录）。您不需要复制开发包目录或索引。 html页面。
如果您安装多个主题，请仅复制其他主题的主题信息。
-
所有主题都使用相同的JavaScript。只有CSS（和相关的图像文件）发生变化。如果你想在你的项目中有多个主题，只需复制CSS内容。每个主题将是主要CSS目录的不同子目录。
链接到CSS文件。
-
使用标准链接技术链接到由jQuery UI创建的CSS文件。除了自定义CSS之外，您还可以链接到自己的CSS文件或使用内部CSS。确保你得到正确的路径。
链接到JavaScript文件。 jQuery UI工具包还安装了两个JavaScript文件：标准jQuery库和jQuery UI库。默认情况下，这两个文件都安装在js目录中。您需要链接到这两个文件。有时你会看到与普通版本一起最小化的文件。最小化的版本将具有最小嵌入的术语。两种版本都可以，但是最小版本的加载速度会更快。
-
如果某些操作不正确，请再次检查文件路径。几乎总是有问题，因为你没有链接到所有正确的文件。另外请注意，由jQuery UI创建的CSS文件也包含图像。确保你的主题有一个关联的图片目录，否则你的项目可能无法正常工作。如果你从下载中复制了整个CSS和JS目录，你应该没问题。
