基于jquery的拖动布局插件-Web前端之家

时间:2020-01-15 06:44来源:美高梅游戏网站
复制代码 代码如下: {$.fn.lsMovePanel=function(){ var id=this.attr; var X=Y=0; varoffsetX=offsetY=0;//绝对位置 var OldIndex=0;///存储原始索引 varTemp_Li=" "; var Move_obj;///当前拖动的对象 $.each.attr; //鼠标点击

复制代码 代码如下: { $.fn.lsMovePanel=function(){ var id=this.attr; var X=Y=0; var offsetX=offsetY=0;//绝对位置 var OldIndex=0;///存储原始索引 var Temp_Li="

"; var Move_obj;///当前拖动的对象 $.each.attr; //鼠标点击 $.bind("mousedown",function(){ if(event.button==1 || event.button==0){$.attr;} if=="1"){ $.css({ cursor:"move", opacity:"0.7" }); X=event.clientX; Y=event.clientY; offsetX=$.left; offsetY=$.top; OldIndex=$; $.css({ position:"absolute", left:offsetX, top:offsetY }); $.each{ if.after; //鼠标放开 $.bind{ if(event.button==1 || event.button==0){$.attr;} if=="0"){ $.before.animate.offset().left, top:$.top, },300,function.remove.css({ cursor:"default", opacity:"1", position:"static" }); }); $.each.css({ "border-color":"#666666" }); }); } }); //移动 $.bind("mousemove",function.attr{ var current_X=current_Y=0; current_X=offsetX+event.clientX-X; current_Y=offsetY+event.clientY-Y; $.css({ position:"absolute", left:current_X, top:current_Y }); Move_obj=this; $.each{ if(i!=OldIndex && $!="Temp_Li"){ var Deviation=0; var Max_X=$.left+$-Deviation; var Min_X=$.left+Deviation; var Max_Y=$.top+$-Deviation; var Min_Y=$.top+Deviation; if((event.clientX < Max_X) && (event.clientY+$ > Max_Y) && (event.clientY+$ > Min_Y) && (event.clientX > Min_X) && (event.clientY < Max_Y) ){ $.css({ "border-color":"#FF7578" }); //判断覆盖对象索引值在前还是后 if.index.before; $; $; }else{ $.after; $; $; } }else{ $.css({ "border-color":"#666666" }); } } }) } }); }); } }); 调用例子: 复制代码 代码如下:


编辑:美高梅游戏网站 本文来源:基于jquery的拖动布局插件-Web前端之家

关键词: