您当前的位置:首页 > 网站建设 > jQuery
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

jQuery EasyUI 表单插件 - Slider 滑块

51自学网 2023-01-16 20:15:06
  jQuery

通过 $.fn.slider.defaults 重写默认的 defaults。

滑块(slider)允许用户从一个有限的范围内选择一个数值。当沿着轨道移动滑块控件时,将显示一个表示当前值的提示框,用户可通过设置它的属性来自定义滑块。

依赖

  • draggable

用法

当作为一个表单域使用时,从 <input> 标记创建滑块(slider)。

<input class="easyui-slider" value="12" style="width:300px"    data-options="showTip:true,rule:[0,'|',25,'|',50,'|',75,'|',100]">

从 <div> 创建滑块(slider)也是允许的,但是 'value' 属性是无效的。

<div class="easyui-slider" data-options="min:10,max:90,step:10" style="width:300px"></div>

变成创建滑块(slider)。

<div id="ss" style="height:200px"></div>
$('#ss').slider({    mode: 'v',    tipFormatter: function(value){
下载地址:
jQuery EasyUI 窗口插件 - Window 窗口
jQuery EasyUI 表单插件 - Timespinner 时间微调器
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1