[编程语言] jQuery 入门教程(43): jQuery UI Tooltip 示例

JQuery tooltip 的基本用法，可以把所有元素的的 title 属性做为Toolbar显示，比如：12html lang="en">3head>4    meta charset="utf-8" />5    title>jQuery UI Demostitle>6    link rel="stylesheet" href="themes/trontastic/jquery-ui.cs...

[编程语言] jQuery 入门教程(42): jQuery UI Tab 示例（二）

支持收缩和展开缺省情况下，标签页是展开的，可以通过设置collapsible为true使得标签页支持收缩和展开。1script>2    $(function () {3        $("#tabs").tabs({4            collapsible: true5        });6    });7script>Ajax支持jQuery 的标签页也支持通过Ajax方法来加载页...

[编程语言] jQuery 入门教程(41): jQuery UI Tab 示例（一）

Tab  显示多个标签页，每个标签含有一个标签头和一个Panel（显示标签的内容）。基本用法首先使用HTML定义用来作为Tab，一般使用列表（ul ,li) 来定义标签页的标题，每个标题使用href 链接到每个页面的内容页，比如下例定义了三个标签页：1div id="tabs">2    ul>3        li>a href="#tabs-1">Nunc tincidunta>li>4...

[编程语言] jQuery 入门教程(40): jQuery UI Spiner 示例

Spinner 主要用来输入各种格式的数字，可以使用鼠标滚轮，键盘方向键来修改输入值，也支持直接键入数字。支持本地化的输入金额和时间。基本用法下面代码显示了Spinner的基本用法，设置和取得Spinner的当前值。12html lang="en">3head>4    meta charset="utf-8" />5    title>jQuery UI Demostitle>6    link...

[编程语言] jQuery 入门教程(39): jQuery UI Slider 示例（二）

前面的slider 例子Slider都是水平显示的，Slider也可以显示成垂直的，这可以通过配置orientation ，将其值设为“vertical”。基本用法12html lang="en">3head>4    meta charset="utf-8" />5    title>jQuery UI Demostitle>6    link rel="stylesheet" href="th...

[编程语言] jQuery 入门教程(38): jQuery UI Slider 示例（一）

jQuery Slider组件可以把选中的HTML元素变成滑动条UI控件，滑动条可以支持多个滑块用来设置单个值或一个值域。基本用法12html lang="en">3head>4    meta charset="utf-8" />5    title>jQuery UI Demostitle>6    link rel="stylesheet" href="themes/trontastic/j...

[编程语言] jQuery 入门教程(37): jQuery UI Progressbar 示例

前面在介绍jQuery 入门教程(20): jQuery UI 基本工作过程时简要介绍过Progessbar用法。在使用进度条时，如果可以预知进度的大小，可以设置Max大小，如果对于一些无法预约时间比如下载文件可以使用“中间状态”的状态条。基本用法12html lang="en">3head>4    meta charset="utf-8" />5    title>jQuery UI Demo...

[编程语言] jQuery 入门教程(36): jQuery UI Menu 示例

jQuery Menu 组件可以应用到任何具有父/子关系的元素，就其变为菜单，但通常使用u>,li ,如果你希望使用除 ul,li 之外的元素，可以通过menus 来配置。下例使用缺省的　ui和 li 菜单支持选择事件select，因此可以为菜单添加事件处理。基本用法12html lang="en">3head>4    meta charset="utf-8" />5    title>jQue...

[编程语言] jQuery 入门教程(35): jQuery UI Dialog 示例（三）

本篇使用Dialog 构造一个比较实用的对话框，它可以内嵌一个表单用来接受用户输入，每个输入框支持数据校验，部分使用正则表达式来检验。12html lang="en">3head>4    meta charset="utf-8" />5    title>jQuery UI Demostitle>6    link rel="stylesheet" href="themes/trontastic...

[编程语言] jQuery 入门教程(34): jQuery UI Dialog 示例（二）