下载一个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">
Title
</div>
<div style="width:100%">也可以换成图片
</div>
</div>
</body>
</html>
这样写,运行下,就能实现拖动 id="divPanel" 元素内容移动了
jquery-1.4.3.js 与 jquery.easydrag.js 一起上传了,有兴趣的朋友可以试试
分享到:
相关推荐
jQuery鼠标上下拖动div排序代码、鼠标拖动层改变排列顺序,div左上角还有按钮操作,点击只是弹窗提示效果。
html5+css+jquery通过鼠标拖拽来移动对象位置、改变大小、和旋转的实现 代码简洁、易懂、易改造
一款jQuery实现的鼠标拖动滑块选择日期代码,其中年月下拉菜单方式进行选择,鼠标点击或拖动进行选择日。
NULL 博文链接:https://mingzijian.iteye.com/blog/2100589
jquery实现的鼠标拖动图片360°旋转动画展示效果.zip
主要介绍了通过jQuery实现鼠标可拖动调整表格列宽度,需要的朋友可以参考下
jQuery实现可拖动的无刷新购物车PHP代码,带有提示功能的商品展示,用鼠标拖动商品到购物车中,即可选中商品,购物车程序可根据拖入的产品数量进行统计,自动给出价格。同时对不满意的商品,可随时从购物车中移除,...
jquery图片拖拽实例(支持鼠标双击事件拖拽图片)效果代码
jQuery实现鼠标滑过图片在图片上下滑动显示图片信息特效
主要介绍了使用jquery实现的鼠标拖动排序Li或Table,需要的朋友可以参考下
鼠标拖动图片的效果想必大家都有见到过吧,其实实现起来很简单的,下面使用query来实现下,感兴趣的朋友不要错过
jQuery实现鼠标上下移动菜单垂直滚动效果是网页上的jquery菜单,鼠标放上上下滚动的导航菜单,鼠标放在任意一个菜单项上,该菜单项背景变色,高亮显示,竖向排列,没有怎么美化。
基于jquery,利用canvas自带的api,实现了一个鼠标点击对应点后,可拖动的一个插件
基于jquery ui的Ajax排序功能实现鼠标拖动排序并获得排列顺序.zip
jQuery实现的IDC云主机购买鼠标拖动计量特效源码.zip
主要介绍了jQuery实现的鼠标拖动浮层功能,可实现拖动div等任何标签的效果,涉及jQuery事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下