最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery div层拖动效果
时间：2010-09-17 编辑：简简单单 来源：一聚教程网
$(function(){ var _move=false;//移动标记 var _x,_y;//鼠标离控件左上角的相对位置 $(".drag").mousedown(function(e){ _move=true; _x=e.pagex-parseint($(".drag").css教程("left")); _y=e.pagey-parseint($(".drag").css("top")); $(".drag").fadeto(20, 0.5);//点击后开始拖动并透明显示 }); $(document).mousemove(function(e){ if(_move){ var x=e.pagex-_x;//移动时根据鼠标位置计算控件左上角的绝对位置 var y=e.pagey-_y; $(".drag").css({top:y,left:x});//控件新位置 } }).mouseup(function(){ _move=false; $(".drag").fadeto("fast", 1);//松开鼠标后停止移动并恢复成不透明 }); });