首页
学习
活动
专区
圈层
工具
发布

WEB入门之十九 UI

jQuery UI是在jQuery的基础上,利用jQuery的扩展性而设计的针对UI的插件。它提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。...我们可以从​​​​​​​​下载最新的jQuery UI库,目前版本是1.8.21。下载的时候可以有选择的进行定制下载。...,其中jquery.ui.dialog.js是实现对话框组件的js文件;jquery.ui.mouse.js提供了鼠标拖动对话框的支持;jquery.ui.draggable.js实现了鼠标拖动;jquery.ui.position.js...jQuery为UI组件提供了现成的多个主题,我们可以从其官方网站( ​​http://jqueryui.com/download​​ )上直接下载si-font-family:Calibri;mso-bidi-font-family...主题 ​需求说明​ 从jQuery官方网站上下载一个UI主题,然后把前面的实训任务改成这个主题。

2.3K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery EasyUI 详解

    官网地址:http://www.jeasyui.com/index.php 文档地址: 中文文档 英文文档 快速入门 弹出对话框 demo 第一步: 下载 Jquery EasyUI 你在使用和进行开发时..., rowData 当用户取消选择一行时触发,参数包括: rowIndex:取消选中行的索引,从 0 开始rowData:取消选中行对应的记录 onSelectAll rows 当用户选中全部行时触发。...onCancelEdit rowIndex, rowData 当用户取消编辑一行时触发,参数包括: rowIndex:编辑行的索引,从 0 开始rowData:编辑行对应的记录 onHeaderContextMenu...unselectAll none 取消选中当前页所有的行。 selectRow index 选中一行,行索引从 0 开始。 selectRecord idValue 通过 id 的值做参数选中一行。...updateRow param 更新指定的行, param 参数包含下列特性:index:更新行的索引。row:行的新数据。 appendRow row 追加一个新行。

    10.8K10

    在 jQuery Mobile 中使用 UI 组件

    对话框和弹出窗口 对话框是一个重要的 UI 元素,提示用户作出响应,或者只是显示信息。对话框最常用于向用户提供选项,根据用户的响应执行某些命令。...通常情况下,您可以通过两种方式提供对话框,作为模式或者非模式窗口(使用 jQuery Mobile,它们可显示为一个模式对话框)。... 默认情况下,jQuery Mobile 框架为 Web 页面添加圆角、边距、深色背景,使它显示为放置在 Web 页面之上的一个对话框。...要创建一个滑块,您可以从基本的 HTML 输入开始,但要将 type 属性定义为 range。...该属性值将一个自定义 jQuery Mobile 选择列表转换为一个切换开关。 结束语 jQuery Mobile 框架提供一个为移动网站创建可用 UI 组件的快速解决方案。

    11.8K20

    Wijmo 更优美的jQuery UI部件集:自定义 C1WijMenu

    让我们从向控件应用自定义主题开始。 改变主题 1) 创建一个网站,然后拖放一个C1Menu到web页面上。 2) 单击智能标记,并打开任务菜单。 3) 在主题属性中输入CDN的URL以指定主题。...例如,在我们的这个例子中,我们应用ui-darkness 主题 http://jquery-ui.googlecode.com/svn/tags/1.8.14/themes/ui-darkness/jquery-ui.css...你可以在下面提到的网址找到你想应用的主题的CDN链接– http://blog.jqueryui.com/2011/06/jquery-ui-1-8-14/ 运行该工程,可以观察到该主题被应用到控件上...取消在C1Menu上的自动换行行为 在菜单项内部自动折行是C1Menu的默认行为,在需要关闭该功能的情况下,请参考以下CSS .wijmo-wijmenu .wijmo-wijmenu-parent ....Wijmo下载,请进入Studio for ASP.NET Wijmo 2012 v1正式发布(2012.03.22更新)!

    1.3K50

    jQueryUI的effect方法介绍

    2015-04-08 14:05:34 jQuery UI动画方法是jQuery方法的扩展,其方法的参数比jQuery方法更多,并且提供的动画效果比jQuery方法更多,下面我先来给大家介绍一下jQueryUI...在使用jQueryUI之前需要引入js文件,我们经常使用的是jquery-ui.js,同时还需要引入jQuery文件jquery-ui.js,引入方法为: jquery-1.9.0....js"> jquery-ui.js"> 先来介绍一个通过鼠标单击实现元素抖动效果的实现方法: <head...,直到隐藏 "highlight" //高亮某个元素 "puff" //扩大元素的高度和宽度并提高透明度,直到隐藏 "pulsate" //闪烁元素 "scale" //从右下向左上收起...下面在给大家提供一个例子,这个例子实现目标为:1、将动画效果改为左右晃动元素 2、将晃动速度改为2000毫秒 3、元素晃动结束后弹出对话框,代码如下:

    1.7K20

    使用CountDownTimer实现倒计时

    线程进行更新。...handler+Thread 正如大家所见我们在主线程中创建一个Handler,通过handler机制来更新我们的UI,这里更新UI是指我们展示给大家看的倒计时,这里我只介绍倒计时的逻辑和实现,具体应用在什么场景大家自己发挥吧...我们在主线程中(即ui线程)创建一个handler,这里我们用到handler消息机制,不明白的可以去看这篇文章www.jianshu.com/p/138363a97… 在handler中对控件更新内容...线程,所以我们向MessageQueue发送一条新消息,然后handler进入循环状态,线程内部Looper开始轮询不断从MwssageQueue中取出消息分发给handler处理,知道所有消息处理完,...,不要忘了mLimitTime--,不断循环直到我们时长等于0也就是else流程,这里我回调对话框dismiss()方法,在这个方法里面我们需要removeCallbacksAndMessages()取消我们的

    1.7K20

    The jQuery UI CSS Framework

    jQuery UI是 jquery官方推出的配合jquery使用的用户界面组件集合!...包含了许多的界面操作功能,如我们常用的表格排序,拖拽,TAB选项卡,滚动条,相册浏 览,日历控件,对话框等 JS插件~~可以很方便的开发用户界面上的功能,使得您的开发工作事半功倍~~不用写繁琐的JS代码...jQuery UI是一套基于jquery构建具有皮肤更换功能的UI控件和鼠标交互组件。用于帮助开发人员构建具有良好用户体验的Web应用程序。...filamentgroup 创建的一个jQuery日期排列插件,使用jquery UI 和 jQuery UI CSS Framework创建而成.并且支持ThemeRoller来方便的进行样式化。...Pines Notify jQuery Plugin:好看易用的jQuery消息提示插件 The jQuery UI CSS Framework – Part 1: Intro and How To

    2.9K60
    领券