弹框拖拽

		//弹框可拖动
									var $div = $("拖拽class名");
									// 绑定鼠标左键按住事件 
									$div.bind("mousedown", function (event) {
										//获取需要拖动节点的坐标 
										var offset_x = $(this)[0].offsetLeft;//x坐标
										var offset_y = $(this)[0].offsetTop;//y坐标
										// 获取当前鼠标的坐标 
										var mouse_x = event.pageX;
										var mouse_y = event.pageY;
										//绑定拖动事件 
										//由于拖动时,可能鼠标会移出元素,所以应该使用全局(document)元素 
										$(document).bind("mousemove", function (ev) {
											//计算鼠标移动了的位置 
											var _x = ev.pageX - mouse_x;
											var _y = ev.pageY - mouse_y;
											// 设置移动后的元素坐标 
											var now_x = (offset_x + _x) + "px";
											var now_y = (offset_y + _y) + "px";
											// 改变目标元素的位置 
											$div.css({
												top: now_y,
												left: now_x
											});
										});
									});
									// 当鼠标左键松开,接触事件绑定 
									$(document).bind("mouseup", function () {
										$(this).unbind("mousemove");
									});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值