jQuery UI应用--滑块Slider
来源:互联网 发布:灰指甲 知乎 编辑:程序博客网 时间:2024/06/05 01:53
1、 Animate: 类型Boolean 默认值false
a) 用处:单击滑动区域时,滑块是否使用动画效果平滑移动到单击位置。
b) 代码示例:
创建实例时设置属性值
$(".class").slider({animate:true});
实例化后得到属性值
var animate = $("#id").slider("option","animate");
实例化后设置属性值
$("#id").slider("option","animate",true);
2、 max :类型Number 默认值100
a) 用处:滑动范围最大值。
b) 代码示例:
创建实例时设置属性值
$(".class").slider({max:false});
实例化后得到属性值
var max = $("#id").slider("option","max");
实例化后设置属性值
$("#id").slider("option","max",false);
3、 min :类型Number默认值0
a) 用处:滑动范围最小值。
b) 代码示例
创建实例时设置属性值
$(".class").slider({min:false});
实例化后得到属性值
var min = $("#id").slider("option","min");
实例化后设置属性值
$("#id").slider("option","min",false);
4、 Orientation:类型 String默认值"auto"
a) 用处:滑动方向。通常无需设定,控件会自行探测正确方向。
b) 代码示例
创建实例时设置属性值
$(".class").slider({orientation:"vertical"});
实例化后得到属性值
var orientation = $("#id").slider("option","orientation");
实例化后设置属性值
$("#id").slider("option","orientation","vertical");
5、 Range:类型 Boolean/String 默认值false
a) 用处:设置为 true 时,自动探测是否有两个滑块并高亮显示两个滑块间范围。设置为 "min" 时,高亮显示最小值至滑块范围;设置为 "max" 时,高亮显示滑块至最大值范围。
b) 代码示例
创建实例时设置属性值
$(".class").slider({range:"min"});
实例化后得到属性值
var range = $("#id").slider("option","range");
实例化后设置属性值
$("#id").slider("option","range","min");
6、 step :类型Number 默认值1
a) 用处:设定滑块最小行进值,需可以被最大范围值减去最小范围值的差整除。
b) 代码示例
创建实例时设置属性值
$(".class").slider({step:10});
实例化后得到属性值
var step = $("#id").slider("option","step");
实例化后设置属性值
$("#id").slider("option","step",10);
7、 value :类型Number 默认值0
a) 用处:设定第一个滑块的默认值。
b) 代码示例
创建实例时设置属性值
$(".class").slider({value:26});
实例化后得到属性值
var value = $("#id").slider("option","value");
实例化后设置属性值
$("#id").slider("option","value",26);
8、 Values:类型 Array 默认值null
a) 设定多个滑块默认值。range 属性为 true 时,此数值元素个数应为 2。
b) 代码示例
创建实例时设置属性值
$(".class").slider({values:[10,20,50]});
实例化后得到属性值
var values = $("#id").slider("option","values");
实例化后设置属性值
$("#id").slider("option","values",[10,20,50]);
9、 Disabled:类型boolean默认值false
a) 用处:控制滑块是否可滑动
b) 代码实例
1. $(“#slider”).slider({disabled:false});
- jQuery UI应用--滑块Slider
- 利用jquery ui 的slider实现滑块计算面积
- 增强型jQuery ui Slider滑块插件
- jquery UI API-滑块部分(Slider widget)
- jquery插件系列之 - Slider滑块
- jQuery Slider UI使用
- JQuery UI - slider
- JQuery UI - slider
- swift UI专项训练31 Slider 滑块
- slider滑块用法
- slider滑块用法
- MFC-Slider(滑块)
- slider滑块
- 用jquery插件-slider实现滑块的效果
- jQuery EasyUI API 中文文档 - 数字滑块(Slider)
- Bootstrup增强版jQuery slider滑块插件
- jQuery的范围滑块Ion.Range Slider
- jQuery UI 控件之Slider
- Extjs学习(基础系列 - 认识Extjs开发包)
- 无需编程知识,Wix让你零基础打造HTML5页面
- 写给兄弟连学员的第三封信 ——学习这点事 李 明
- 写给兄弟连学员的第二封信——来兄弟连之前你要准备什么
- 写给兄弟连学员的一封信
- jQuery UI应用--滑块Slider
- 第6周-任务5-多文件组织三角形类
- Evaluating the trend of designer shoes for kids
- C++字符串完全指引之一 —— Win32 字符编码
- 201. Health is happiness. 健康就是幸福
- RTX51tiny
- vs 修改配置项使编译出来的文件更小
- 项目目标定义原则
- MyEclipse9 导入ExtJs校验报错的处理办法