//移动窗口-添加替换关系
//tianjia_relation_top tianjia_relation
$('#tianjia_relation_top').mousedown(function(event) { var isMove = true; var abs_x = event.pageX - $('div#tianjia_relation').offset().left; var abs_y = event.pageY - $('div#tianjia_relation').offset().top; $(document).mousemove(function(event) { if (isMove) { var obj = $('div#tianjia_relation'); obj.css({'left':event.pageX - abs_x, 'top':event.pageY - abs_y}); }; }).mouseup(function(event) { isMove = false; });});
<div id="tianjia_relation" style="display:none;background-color:#eeeeee;"> <div id="tianjia_relation_top"> <span id="img_e_rela" style="maigin-right:10px;" οnclick="tianjia_d()"><img style="border-radius: 15px;" alt="替换关系" src="<%=request.getContextPath()%>/image/e.png"></span> </div> <div> </div> </div>
#tianjia_relation { width: 90%; height: 92%; z-index: 1;//主要的 position: absolute; background: #fff; border: 1px solid #cacaca; border--radius: 25px 25px 0px 0px; -moz-border-radius: 25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px; }
