jquery鼠标拖动滑块选取数值代码



106 421 141



特效描述:鼠标拖动 拖动滑块 拖动选取数值,jquery拖动选值,滑块拖动代码

代码结构

1. 引入CSS

<link href="demo/base.css" rel="stylesheet">
<link href="dist/srs.css" rel="stylesheet">

2. 引入JS

<script src="dist/jquery.js"></script>
<script src="dist/srs.js"></script>

3. HTML代码

<div class="wrap">
	<label for="example-1">Example 1</label>
	<input id="example-1" name="example-1" placeholder="0 - 100" type="number" min="0" max="100" step="1" value="50" data-color="#6324B5" class="srs">
	<label for="example-2">Example 2</label>
	<input id="example-2" name="example-2" placeholder="50 - 500" type="number" min="50" max="200" step="10" value="170" data-color="#1C8EC5" class="srs">
	<label for="example-3">Example 3</label>
	<input id="example-3" name="example-3" placeholder="1,000 - 100,000" type="number" min="1000" max="100000" step="1000" value="10000" data-color="#12C7AC" class="srs">
	<label for="example-4">Example 4</label>
	<input id="example-4" name="example-4" placeholder="0 - 10" type="number" min="0" max="10" step="0.05" value="5" data-decimals="2" data-color="#B59824" class="srs">
	<label for="example-5">Example 5</label>
	<input id="example-5" name="example-5" placeholder="0 - 2,000" type="number" min="0" max="2,000" step="100" value="0" data-color="#B53A24" class="srs">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 拖动 拖拽 拖动插件 拖拽插件 图片拖动 图片拖拽

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到