d123 8 vuotta sitten
vanhempi
commit
cfb33c138c
2 muutettua tiedostoa jossa 34 lisäystä ja 23 poistoa
  1. 13 2
      CallCenterWeb.UI/index.html
  2. 21 21
      CallCenterWeb.UI/js/index.js

+ 13 - 2
CallCenterWeb.UI/index.html

@@ -694,6 +694,7 @@
694 694
         .cx {
695 695
             display: block;
696 696
         }
697
+        
697 698
     </style>
698 699
 </head>
699 700
 
@@ -1420,7 +1421,10 @@
1420 1421
     </div>
1421 1422
     <!--修改密码开始-->
1422 1423
     <div class="personal" id="box">
1423
-        <div class="ptop clearFix">
1424
+    	<div>
1425
+    		
1426
+    	
1427
+        <div class="ptop clearFix" id="bar ">
1424 1428
             <p class="ptl">个人中心</p>
1425 1429
             <p class="ptr" title="关闭">x</p>
1426 1430
         </div>
@@ -1520,7 +1524,7 @@
1520 1524
                 </div>
1521 1525
             </div>
1522 1526
         </div>
1523
-
1527
+		</div>
1524 1528
     </div>
1525 1529
 
1526 1530
     <!--修改密码结束-->
@@ -1539,6 +1543,13 @@
1539 1543
     <script src="./js/plugins/layer/layer.min.js"></script>
1540 1544
     <script src="./js/hplus.min.js?v=4.1.0"></script>
1541 1545
     <script src="./js/contabs.min.js"></script>
1546
+   <!-- <script src="./js/zxx.drag.1.0-min.js"></script>-->
1547
+   <script src="http://www.zhangxinxu.com/study/js/zxx.drag.1.0.js" type="text/javascript"></script>
1548
+    <script>
1549
+    	 var oBox = document.getElementById("boxs");
1550
+    var oBar = document.getElementById("ptop");
1551
+    startDrag(oBar,oBox)
1552
+    </script>
1542 1553
 </body>
1543 1554
 
1544 1555
 </html>

+ 21 - 21
CallCenterWeb.UI/js/index.js

@@ -732,26 +732,26 @@
732 732
         //鼠标移动的函数
733 733
         //把事件加在document上,解决因为鼠标移动太快时,
734 734
         //鼠标超过box后就没有了拖拽的效果的问题
735
-        document.onmousemove = function (ev) {
736
-            var oEvent = ev || event;
737
-
738
-            //保证拖拽框一直保持在浏览器窗口内部,不能被拖出的浏览器窗口的范围
739
-            var l = oEvent.clientX - x;
740
-            var t = oEvent.clientY - y;
741
-            if (l < 0) {
742
-                l = 0;
743
-
744
-            } else if (l > document.documentElement.clientWidth - box.offsetWidth) {
745
-                l = document.documentElement.clientWidth - box.offsetWidth;
746
-            }
747
-            if (t < 0) {
748
-                t = 0;
749
-            } else if (t > document.documentElement.clientHeight - box.offsetHeight) {
750
-                t = document.documentElement.clientHeight - box.offsetHeight;
751
-            }
752
-            box.style.left = l + "px";
753
-            box.style.top = t + "px";
754
-        }
735
+     document.onmousemove = function (ev) {
736
+          var oEvent = ev || event;
737
+
738
+          //保证拖拽框一直保持在浏览器窗口内部,不能被拖出的浏览器窗口的范围
739
+          var l = oEvent.clientX - x;
740
+          var t = oEvent.clientY - y;
741
+          if (l < 0) {
742
+              l = 0;
743
+
744
+          } else if (l > document.documentElement.clientWidth - box.offsetWidth) {
745
+              l = document.documentElement.clientWidth - box.offsetWidth;
746
+          }
747
+          if (t < 0) {
748
+              t = 0;
749
+          } else if (t > document.documentElement.clientHeight - box.offsetHeight) {
750
+              t = document.documentElement.clientHeight - box.offsetHeight;
751
+          }
752
+         box.style.left = l + "px";
753
+         box.style.top = t + "px";
754
+      }
755 755
         //鼠标抬起的函数
756 756
         document.onmouseup = function () {
757 757
             document.onmousemove = null;
@@ -759,7 +759,7 @@
759 759
         }
760 760
         //火狐浏览器在拖拽空div时会出现bug
761 761
         //return false阻止默认事件,解决火狐的bug
762
-        return false;
762
+//  return false;
763 763
 
764 764
     }
765 765
 })