`
songzhan
  • 浏览: 240608 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

JQuery 实现鼠标拖动内容

 
阅读更多

下载一个jquery.easydrag.js。

 

<html>
<head>
	<script type="text/javascript" src="jquery-1.4.3.js"></script>
	<script src="jquery.easydrag.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready ( function(){
			 $("#divPanel").easydrag();
			 $("#divPanel").setHandler("divTitle");
		});
</script>
</head>
<body>
	<div id="divPanel" style="width:300px;height:300px;background:white;border:1px solid #000000;position:absolute;left:5px;top:50px" >
	<div id="divTitle" style="width:100%;height:25px;background:lavender">
	&nbsp;Title
	</div>
	<div style="width:100%">也可以换成图片
	</div>
	</div>
</body>
</html>

 

 这样写,运行下,就能实现拖动 id="divPanel" 元素内容移动了

 

 

jquery-1.4.3.js  与   jquery.easydrag.js  一起上传了,有兴趣的朋友可以试试

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics