tinyDraggable鼠標拖拽插件



55 217 73



特效描述:tinyDraggable 鼠標拖拽插件,tinyDraggable鼠標拖拽插件

代碼結構

1. 引入JS

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.tiny-draggable.js"></script>

2. HTML代碼

<div style="margin:30px 0;padding:20px 5px">
	<div class="draggable_container">
		<div id="item1" class="obj" style="top:0;left:0;min-width:90px">點擊我進行拖動</div>
		<div id="item2" class="obj" style="top:0;left:220px;min-width:120px;cursor:text">
			<p>選擇拖動處理</p>
			<div class="handle">點擊我進行拖動</div>
		</div>
		<div id="item3" class="obj pure-form" style="top:0;left:500px">
			<p>排除處理</p>
			<p><input type="text" value="排除文本輸入…"></p>
			<div class="exclude_me">排除元素</div>
		</div>
	</div>
</div>
<div id="fb-root"></div>
<script>
$('#item1').tinyDraggable();
$('#item2').tinyDraggable({ handle: '.handle' });
$('#item3').tinyDraggable({ exclude: '.exclude_me, input' });
</script>



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


熱門標簽: 拖動 拖拽 拖動插件 拖拽插件 彈出層拖動
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

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