5个jQuery UI 的 Dreamweaver扩展

      绝大多数的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可以帮助我们快速地在Dreamweaver中创建一个高效的日历功能,这个基于JQuery创建的日历,可以满足用户页面中实现日历日期操作的需求,你可以在图形化界面中选择一个或多个日期,而且无需整个页面的刷新,而且可以方便地自定义样式等。

jQuery UI Calendar扩展官方下载地址:jQuery UI Calendar

2. jQuery UI Accordinon

jQuery UI Accordinon是一个由多个panel面板组成的手风琴小器件,可以实现展开/折叠效果。当你需要在一个固定大小的页面空间内要实现多个内容的展示时,这个效果非常的有用。

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

3. jQuery UI Tabs

jQuery UI Tabs可以在页面中创建一个水平方向上的Tabs标签切换效果。

jQuery UI Tabs扩展官方下载地址:jQuery UI Tabs

4. jQuery UI Slider

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

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

5. jQuery UI Dialog

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

时间: 2024-08-01 17:06:28

5个jQuery UI 的 Dreamweaver扩展的相关文章

Dreamweaver扩展:Web开发jQuery UI接口框架

绝大多数的Web设计师和Web开发者可能都会经常使用Adobe的产品来完成工作,本文整理了5个在Web设计开发中最常用jQuery UI 接口框架,帮助你提高项目开发效率.这些jQuery UI 框架操作非常简单,即使你是初学者. 安装这些Dreamweaver扩展前,你需要检查你的Dreamweaver和Extension Manager版本是否为当前最新版本: Dreamweaver CS4 and Extension Manager CS4. 1. jQuery UI Calendar j

基于jQuery UI Autocomplete的AngularJS 指令(directive)扩展

      在前几篇随笔简单介绍了AngularJS,在AngularJS 指令(directive)是重要的概念,主要负责了很大部分的组建样式交互.在前面介绍过directive需要预先的模板编译在返回一个link的函数,注册行为事件交互等等.在这里不多说了,关于指令的介绍将在后续一并补上.在这里我们先看一个利用jQuery UI组件开发的AngularJS Autocomplete指令. 代码:jsfiddle在线测试 Directive:    1 var oldSuggest = jQu

三大UI框架Dijit、ExtJS、jQuery UI全方位对比

 Dijit.ExtJS.jQuery UI 简介 Dojo 是开源 ja vasc ript 库中起步较早的先行者之一.由 Alex Russell, David Schontzler, Dylan Schiemann 等人于 2004 年创立.Dojo 具有类似 Java 的包机制 (packaging system), 将 JS 代码根据功能进行了模块化.主要包含 Dojo.Dijit 以及 Dojox 三个包.其中 Dojo 包提供稳定的内核 API,Dijit 包提供各类 UI 控件,

《jQuery、jQuery UI及jQuery Mobile技巧与示例》——7.7 技巧:使用进度条微件显示进程的状态

7.7 技巧:使用进度条微件显示进程的状态 当Web应用程序执行一个动作的持续时间超过大约两秒钟时,为用户显示动作状态是一个很好的做法.如果不知道动作的状态,通常会改变鼠标光标或显示一个旋转的效果. 在某些情况下,你能知道进程的进度.在这种情况下,最好尽可能准确地满足用户的期待.代码清单7-7介绍了jQuery UI的进度条(progressbar),可以使用它实现这样的目的. 代码清单7-7 将一个 元素转换为进度条 00 <!DOCTYPE html> 01 02 <html lan

《jQuery UI 开发指南》——2.2 格式化内容

2.2 格式化内容 使用tabs ()方法会彻底改变页面中HTML元素的外观.实际上,该方法遍历了(jQuery UI内部实现)HTML代码,并给相关的元素(这里是选项卡)添加了新的CSS类,赋予了它们适当的样式. 图2-3展示了jQuery UI生成的HTML,tabs ()方法改变了HTML DOM(文档对象模型)树(代码是用Firefox的Firebug扩展查看的). 可以修改元素的CSS类来自定义元素的显示样式.比如,如果修改了与元素关联的ui-state-default CSS类,将会

jQuery UI结合Ajax创建可定制的Web界面_jquery

如今,网站比以往更具可定制性,允许用户更改其空间,根据自己的喜好对其进行个性化.个性化的主页或仪表板页面(例如 iGoogle.MyYahoo! 和 MyAOL)日渐普及,大多数 Web 应用程序内甚至也整合了类似的功能.jQuery 库简化了此类复杂 JavaScript 交互的编写,随着 jQuery UI 的引入,这项功能得到了进一步的简化,该库以易于访问的 jQuery 插件的形式提供了常用用户界面类型. 本文介绍了如何利用 Ajax 和 jQuery UI 创建具有各种定制功能的高度可

关于jQuery UI 使用心得及技巧_jquery

1 jQuery UI 2 为我所用 2.1 Tabs 2.2 Accordion 2.2.1 使用基本的Accordion 2.2.2 实现打开多个标签 2.2.3 Accordion的嵌套 3 给插件应用主题--Theme Roller 3.1 更改配色 3.2 更改图标 4 相关连接 jQuery UI 有时你仅仅是为了实现一个渐变的动画效果而不得不把javascrip 重新学习一遍然后书写大量代码.直到jQuery的出现,让开发人员从一大堆繁琐的js代码中解脱,取而代之几行jQuery代

jquery弹出框插件jquery.ui.dialog用法分析_jquery

本文实例讲述了jquery弹出框插件jquery.ui.dialog用法.分享给大家供大家参考,具体如下: 1. jquery.ui.dialog 官方地址 http://jqueryui.net/dialog/ jquery.ui.dialog是一个非常灵活的模式框,它的官方地址为: http://docs.jquery.com/UI/Dialog 2. 文件引用 要使用jquery.ui.dialog,需要引用两个文件,1个是js,另外1个是css 在contentpage中添加: <scr

对Asp.net Mvc 和 jQuery UI使用者的一些忠告

转自http://www.cnblogs.com/n-pei/archive/2011/06/06/2073800.html 端午节快乐,大家. 好久没写博客了.1个月了都....抱歉. 今天给使用asp.net mvc的开发人员一些建议和分享经验. 首先,如果你使用asp.net mvc,而且使用的js库是jQuery, 那么一定别错过使用jquery UI.   在以前的工作中,我如果需要写一个类似于Google搜索的自动完成,那可能涉及到JS的编写,CSS样式,以及后台代码如何生成json