function popWin(obj){ var _z=10;//新对象的z-index var _mv=false;//移动标记 var _x,_y;//鼠标离控件左上角的相对位置 var _obj= $("#"+obj); var _wid= _obj.width(); var _hei= _obj.height(); var _tit= _obj.find(".tit"); var _cls =_obj.find(".close"); var docE =document.documentElement; var left=($(document).width()-_obj.width())/2; //var top =(docE.clientHeight-_obj.height())/2; var top = $(window).height() / 2 - 200;//修改为相对定位 if($(window).height() / 2==0) { top=0; } _obj.css({ "left":left,"top":top,"display":"block","position":"fixed","z-index":_z-(-1)}); _tit.mousedown(function(e){ _mv=true; _x=e.pageX-parseInt(_obj.css("left"));//获得左边位置 _y=e.pageY-parseInt(_obj.css("top"));//获得上边位置 _obj.css({ "z-index":_z-(-1)}).fadeTo(50,.5);//点击后开始拖动并透明显示 }); _tit.mouseup(function(e){ _mv=false; _obj.fadeTo("fast",1);//松开鼠标后停止移动并恢复成不透明 }); $(document).mousemove(function(e){ if(_mv){ var x=e.pageX-_x;//移动时根据鼠标位置计算控件左上角的绝对位置 if(x<=0){x=0}; x=Math.min(docE.clientWidth-_wid,x)-5; var y=e.pageY-_y; if(y<=0){y=0}; y=Math.min(docE.clientHeight-_hei,y)-5; _obj.css({ top:y,left:x });//控件新位置 } }); _cls.live("click",function(){ $(this).parent().parent().hide().siblings("#maskLayer").remove(); }); } $(document).ready(function(){ $("#t1").click(function(){ popWin("detail1"); }); }); $(document).ready(function(){ $("#t12").click(function(){ popWin("detail12"); }); }); $(document).ready(function(){ $("#t2").click(function(){ popWin("detail2"); }); }); $(document).ready(function(){ $("#t22").click(function(){ popWin("detail22"); }); }); $(document).ready(function(){ $("#t3").click(function(){ popWin("detail3"); }); }); $(document).ready(function(){ $("#t32").click(function(){ popWin("detail32"); }); }); $(document).ready(function(){ $("#t42").click(function(){ popWin("detail42"); }); });