基于jquery实现鼠标左右拖动滑块滑动附源码下载_jquery
程序员文章站
2022-04-16 22:55:13
...
在没步入正文之前,先给大家贴效果图,看看是不是您想要的效果:
基于jQuery移动端滑块拖动设置代码。这是一款支持手机移动端的特效,可拖动滑块范围选择器,拖动滑块数值选择器。
废话不多说了,直接给大家贴代码了。
html代码:
js代码:
$(function () { $('.single-slider').jRange({ from: 0, to: 100, step: 1, scale: [0, 25, 50, 75, 100], format: '%s', width: 300, showLabels: true, showScale: true }); $('.range-slider').jRange({ from: 0, to: 100, step: 1, scale: [0, 25, 50, 75, 100], format: '%s', width: 300, showLabels: true, isRange: true }); $("#g1").click(function () { var aa = $(".single-slider").val(); alert(aa); }); $("#g2").click(function () { var aa = $(".range-slider").val(); alert(aa); }); });
上一篇: php object怎么转成array
下一篇: 怎样强制关闭无响应程序
推荐阅读
-
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
-
基于jquery实现的tab选项卡功能示例【附源码下载】
-
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
-
基于jquery实现可定制的web在线富文本编辑器附源码下载_jquery
-
jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)_jquery
-
基于Jquery实现仿百度百科右侧导航代码附源码下载_jquery
-
基于jquery实现可定制的web在线富文本编辑器附源码下载_jquery
-
基于jQuery实现交互体验社会化分享代码附源码下载_jquery
-
基于Jquery实现仿百度百科右侧导航代码附源码下载_jquery
-
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载_jquery