<link rel=”stylesheet” type=”text/css” href=”//www.jb51.net/Content/smoothness/jquery-ui-1.8.4.custom.css” />
<script type=”text/javascript” src=”http://www.cnblogs.com/Scripts/jquery-ui-1.8.4.custom.min.js”></script>
当我们要更换jQuery UI的主题样式时,只需要修改对CSS的引用路径即可实现。如下图,这个颜色的部分就是修改的地方。
<link rel=”stylesheet” type=”text/css” href=”//www.jb51.net/Content/cupertino/jquery-ui-1.8.4.custom.css” />
这里【http://jqueryui.com/demos/tabs/】是jQuery UI的一些使用示例的介绍,这个地址已经直接进入到TAB控件的使用说明。使用说明的页面布局如下图:

左边:选择你要显示的对象;
中间:是运行时的实际效果显示的地方,点击【View Source】能显示源代码;
右边:是选中对象的一些扩展功能的示例,选择不同的功能,显示区即会有随之变化,源代码区也会跟着变更;例如:上图选择【Open on mouseover】,Tab控件的Tab Page则由原来需要点击才能切换变成了只需要鼠标移动上去就可以切换了。
最后,再次强烈推荐jQuery UI。










