tinyDraggable鼠标拖拽插件



52 204 69



特效描述: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

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