33、网站内容滑块与页面元素尺寸定位全解析

网站内容滑块与页面元素尺寸定位全解析

1. jQuery UI项目简介

jQuery UI是jQuery团队的官方项目，旨在提供解决基本用户界面问题的插件，如手风琴效果、标签页、对话框、日历小部件和可拖动页面元素等。其目标是提供一个能解决大多数Web应用程序用户界面问题的单一插件。该项目有自己的网站（http://jqueryui.com/），在那里可以找到最新代码、演示以及主jQuery网站上的文档链接。

jQuery UI为网页设计师提供了很多工具，还支持CSS主题，能让所有jQuery UI元素拥有统一的外观和感觉。不过，它相当复杂，包含许多不同的元素。你可以根据自己的需求定制jQuery UI文件，省略不需要的组件以节省文件大小和下载速度，甚至可以创建自己的自定义CSS主题来匹配网站的颜色、字体和纹理。在线下载工具（http://jqueryui.com/download）可帮助完成这一过程。

虽然jQuery UI前景光明，但在编写本文时，新版本（1.9版）尚未发布，所以暂不深入介绍。你可以访问jQuery UI网站查看1.9版是否发布，若发布了不妨去了解一下。

2. 为网站添加内容滑块

内容滑块是网页设计师用来应对信息过载的工具，它是一种类似幻灯片的简单界面，一次显示一张图片或一块内容。像Microsoft.com这样信息丰富的网站，会用滑块以小块形式展示图片、文本和链接，这些内容会在屏幕上滑动显示。滑块类似于标签页，但面板通常大小相同，以滑动动画在屏幕上移动，并且常带有定时器，每隔几秒切换一次面板。滑块常用于主页，既能保持页面简洁美观，又能突出大量内容，还常作为其他页面内容或产品的预告，点击滑块中的面板通常会跳转到另一个网