绝大多数的Web设计师和Web开发者可能都会经常使用Adobe的产品来完成工作，本文整理了5个在Web设计开发中最常用jQuery UI 接口框架，帮助你提高项目开发效率。这些jQuery UI 框架操作非常简单，即使你是初学者。 安装这些Dreamweaver扩展前，你需要检查你的Dreamweaver和Extension Manager版本是否为当前最新版本： Dreamweaver CS4 and Extension Manager CS4。1. jQuery UI Calendar jQuery UI Accordinon是一个由多个panel面板组成的手风琴小器件，可以实现展开/折叠效果。当你需要在一个固定大小的页面空间内要实现多个内容的展示时，这个效果非常的有用。

jQuery UI Accordinon扩展官方下载地址：jQuery UI Tabs

3. jQuery UI Tabs

jQuery UI Slider用来创建一个优雅的滑动条效果，往往会用在调节字体等方面。

jQuery UI Slider扩展官方下载地址：jQuery UI Slider

5. jQuery UI Dialog<img  onclick="window.open(this.src)" alt="jQuery" ui="" dialog"="" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://img1.sycdn.imooc.com/images/unknow-80.png" height="200" width="300">

jQuery UI Dialog创建一个jQuery UI页面会话功能。

jQuery UI Dialog扩展官方下载地址：jQuery UI Dialog这5个jQuery UI的扩展功能，在Web设计开发中是使用频率最多的，所以整理出来方便你学习使用。