zoukankan      html  css  js  c++  java
  • 简单的js拖动

    window.onload = function () {
                var oDiv = document.getElementById("oDiv"); //oDiv必须使用CSS定位
                oDiv.onmousedown = drag;
                function drag(evt) {
                    evt = evt || window.event;
                    this.onmouseup = drop;
                    this.onmousemove = moveDiv;
                    this.offset = {
                        x: evt.offsetX,
                        y: evt.offsetY
                    };
                }
                function moveDiv(evt) {
                    evt = evt || window.event;
                    this.style.left = evt.clientX - this.offset.x + "px";
                    this.style.top = evt.clientY - this.offset.y + "px";
                }
                function drop(evt) {
                    this.onmouseup = null;
                    this.onmousemove = null;
                }
            };

  • 相关阅读:
    自我介绍
    自动生成小学生四则运算(C语言)
    黄金点游戏
    7/5linux命令(整理中)
    第二章内容及作业
    第三章笔记
    第一章作业
    第一阶段笔记整理7.23
    第三章课后作业
    7/6linux命令
  • 原文地址:https://www.cnblogs.com/xiexingen/p/2981540.html
Copyright © 2011-2022 走看看