zoukankan      html  css  js  c++  java
  • div 拖动

    var isDrag = 0; //是否可拖动标志,可拖动为1,不可拖动为2  
       var divAndMouseX; //鼠标落点距离div左上角x坐标的差距  
       var divAndMouseY; //鼠标落点距离div左上角y坐标的差距  
       var divMove;
       //鼠标按下时  
       function down(div) {//鼠标按下  
           isDrag = 1; //将div设置为可拖动  
           divMove = div; //用于下边拖动时的定位(新的位置的坐标)  
           //首先计算鼠标与拖动对象左上角的坐标差,然后在下边拖动方法中,用鼠标的坐标减坐标差就是新位置的坐标了  
           divAndMouseX = event.clientX - parseInt(div.style.left);
           divAndMouseY = event.clientY - parseInt(div.style.top);
       }
       function move() {//拖动过程计算div坐标  
           if (isDrag == 1) {
               divMove.style.left = event.clientX - divAndMouseX;
               divMove.style.top = event.clientY - divAndMouseY;
           }
       }

  • 相关阅读:
    编程心得
    PC缺少一个或多个网络协议 qq可登录(win10)
    系统启动和内核管理
    实现Internet架构的dns解析
    文本处理三剑客之AWK
    SHELL脚本编程进阶
    网络协议和管理笔记
    基础知识
    进程和计划任务
    710
  • 原文地址:https://www.cnblogs.com/Roy_Cao/p/2733502.html
Copyright © 2011-2022 走看看