绝大多数的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 Calendar](http://upload.macromedia.com/exchange/dreamweaver/previews/datepicker.jpg)
jQuery UI Calendar可以帮助我们快速地在Dreamweaver中创建一个高效的日历功能,这个基于JQuery创建的日历,可以满足用户页面中实现日历日期操作的需求,你可以在图形化界面中选择一个或多个日期,而且无需整个页面的刷新,而且可以方便地自定义样式等。
jQuery UI Calendar扩展官方下载地址:jQuery UI Calendar
2. jQuery UI Accordinon
![jQuery UI Accordion](http://upload.macromedia.com/exchange/dreamweaver/previews/accordion.jpg)
jQuery UI Accordinon是一个由多个panel面板组成的手风琴小器件,可以实现展开/折叠效果。当你需要在一个固定大小的页面空间内要实现多个内容的展示时,这个效果非常的有用。
jQuery UI Accordinon扩展官方下载地址:jQuery UI Tabs
3. jQuery UI Tabs
![jQuery UI Tabs](http://upload.macromedia.com/exchange/dreamweaver/previews/tabs.jpg)
jQuery UI Tabs可以在页面中创建一个水平方向上的Tabs标签切换效果。
jQuery UI Tabs扩展官方下载地址:jQuery UI Tabs
4. jQuery UI Slider
![jQuery UI Slider](http://upload.macromedia.com/exchange/dreamweaver/previews/slider1.jpg)
jQuery UI Slider用来创建一个优雅的滑动条效果,往往会用在调节字体等方面。
jQuery UI Slider扩展官方下载地址:jQuery UI Slider
5. jQuery UI Dialog
![jQuery UI Dialog](http://upload.macromedia.com/exchange/dreamweaver/previews/dialog.jpg)
jQuery UI Dialog创建一个jQuery UI页面会话功能。jQuery UI Dialog扩展官方下载地址:jQuery UI Dialog
这5个jQuery UI的扩展功能,在Web设计开发中是使用频率最多的,所以整理出来方便你学习使用。
本篇文章来源于 cssrain.cn 原文链接:http://www.cssrain.cn/article.asp?id=1294
![]() |
Austin Liu 刘恒辉
Project Manager and Software Designer E-Mail:lzhdim@163.com Blog:https://lzhdim.cnblogs.com 欢迎收藏和转载此博客中的博文,但是请注明出处,给笔者一个与大家交流的空间。谢谢大家。 |