jquery 插件（六） jquery UI(1)

有些本末倒置了，还是应该从api，官方网站开始。现在才发现原来有一些小的ui被集成的很好，感动啊。

本问先介绍几个简单的应用：

//Accordion
$("#accordion").accordion(header:'h3'}) // 以h3为基准折叠
//Tabs
$("#tabs").tabs(); // 转化成ext那种类型的tab组合。这里li中的href和对应内容的id要对应
//Dialog
$("#dialog").dialog({autoOpen:false,width:600,buttons:{'ok':function(){$(this).dialog('close');},"Cancel":function(){$(this).dialog('close');}} });
//DatePicker
$("#datepicker").datepicker({inline:true}); // Too Simple?
// Slider
$("#slider").slider({range:true,values:[17,67]});
//ProgressBar
$("#progressbar").progressbar({value:20}); // default max 100

使用起来即为方便，只需要顺序加载下面的js和css即可：

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="stylesheet" />

<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>

<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>

还有一些自带的图形，可以方便使用，这里不做上传了。