uploadify-move.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. //上传图片框 的移动 JS
  2. //移动
  3. //移动代码开始
  4. var _move = false;
  5. var ObjT = "#MainTit";
  6. var ObjW = "#Wrap";
  7. //鼠标离控件左上角的相对位置
  8. var _x,_y,_top,_left;
  9. //初始化窗口位置
  10. _top = parseInt($(window.parent.window).height()/2)-208 + $(window.parent.document).scrollTop();
  11. _left = parseInt($(window.parent.window).width()/2)-245;
  12. $(ObjW).css({"top":_top,"left":_left});
  13. $(ObjW).css({"display":"block"});
  14. //浏览器窗口发生变化时窗口位置
  15. $(window).resize(function(){
  16. _top = parseInt($(window.parent.window).height()/2)-208 + $(window.parent.document).scrollTop();
  17. _left = parseInt($(window.parent.window).width()/2)-245;
  18. $(ObjW).css({"top":_top,"left":_left});
  19. });
  20. //鼠标按下时允许进行移动操作
  21. $(ObjT).mousedown(function(e){
  22. _move = true;
  23. _x = e.pageX - parseInt($(ObjW).css("left"));
  24. _y = e.pageY - parseInt($(ObjW).css("top"));
  25. });
  26. $(document).mousemove(function(e){
  27. if(_move){
  28. //移动时根据鼠标位置计算控件左上角的绝对位置
  29. var x = e.pageX - _x;
  30. var y = e.pageY - _y;
  31. //控件新位置
  32. $(ObjW).css({top:y,left:x});
  33. }
  34. }).mouseup(function(){
  35. _move = false;
  36. });