jquery animation可拖動滑動組件代碼



84 334 112



特效描述:jquery animation 可拖動滑動組件,jquery animation可拖動滑動組件代碼

代碼結構

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui-slider-pips.min.css">

2. 引入JS

<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-slider-pips.js"></script>

3. HTML代碼

<div id="slider">
	<div class="slider-screen"></div>
	<div class="slider-self-border"></div>
	<div class="slider-self-line"></div> 
</div>
<script type="text/javascript">
	var numbers = ["9", "8", "7", "6", "5", "4", "3", "2", "1"]; 
	$("#slider").find('.slider-screen').slider({
		min: 0, 
		max: numbers.length-1, 
		orientation: "vertical"
	}).slider("pips", {
		rest: "label",
		labels : numbers
	});
</script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 拖動 拖拽 拖動插件 拖拽插件 圖片拖動 圖片拖拽 圖片滑動 圖片滑塊
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

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

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