jquery鼠標拖動滑塊選取數值代碼



109 433 145



特效描述:鼠標拖動 拖動滑塊 拖動選取數值,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

加群請備注:從官網了解到

湖北30选5开奖结果走势图表