基于jquery实现鼠标左右拖动滑块滑动附源码下载
更新时间：2015年12月23日 14:54:07 投稿：mrr
这篇文章主要介绍了基于jquery实现鼠标左右拖动滑块滑动附源码下载 的相关资料,需要的朋友可以参考下
在没步入正文之前，先给大家贴效果图，看看是不是您想要的效果：
基于jQuery移动端滑块拖动设置代码。这是一款支持手机移动端的特效，可拖动滑块范围选择器，拖动滑块数值选择器。
废话不多说了，直接给大家贴代码了。
html代码：
<div class="demo">
<input type="hidden" class="single-slider" value="0" />
<!-- <button id="g1">获取值</button> -->
</div>
<div class="demo">
<input class="range-slider" type="hidden" value="10,89" />
<!-- <button id="g2">获取值</button> -->
</div>
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);
});
});
相关文章
首先废话一句，jQuery选择器真心很强大！接下来详细介绍jQuery 选择器项目实例实现方式2012-12-12
有时我们需要动态的展示访问次数、下载次数等效果，我们可以借助jQuery结合后台php实现一个滚动的数字展示效果。2015-08-08
本文主要对jQuery实现圣诞节礼物传送的方法、思路进行详细介绍，具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
这篇文章主要介绍了基于jquery实现鼠标左右拖动滑块滑动附源码下载 的相关资料,需要的朋友可以参考下2015-12-12
这篇文章给大家介绍了jQuery中clone()函数实现表单中增加和减少输入项的实例代码，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-05-05
这篇文章主要介绍了jQuery中:password选择器用法,实例分析了:password选择器的功能、定义与匹配密码框的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
该实现的主要思想是：获取鼠标点击的表头单元格的列号，遍历数据行，获取每个<tr>中的html，同时获取每个<tr>标签下对应获取到的列号的<td>标签中的内容，并取得<th>标签的type属性值，需要的朋友可以了解下2012-12-12
这篇文章主要介绍了2014年50个程序员最适用的免费JQuery插件,需要的朋友可以参考下2014-12-12
本文对jQuery的Cookie插件的使用方法和具体实例进行系统介绍,有需要的朋友可以看下2016-11-11
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
jQuery模拟百度新闻不间断滚动效果并且支持文字、图片水平垂直滚动等等，感兴趣的朋友可以了解下，或许本文所提供的案例对你学习jquery特效有所帮助,好了话不多说，切入正题2013-02-02
最新评论