zoukankan html css js c++ java

dom 拖拽div

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1{
    100px;
    height:100px;
    background:red;
    position:absolute;
    }
</style>
<script>
window.onload = function ()
{
    var odiv = document.getElementById('div1');
    
    odiv.onmousedown = function (ev)
    {
        var ev = ev || event;
        var dix = ev.clientX - this.offsetLeft;
        var diy = ev.clientY - this.offsetTop;
        document.onmousemove = function (ev)
        {
            var ev = ev || event;
            odiv.style.top = ev.clientY - diy + 'px';
            odiv.style.left =ev.clientX - dix + 'px'; 
        }
        
        document.onmouseup = function ()
        {
            document.onmousedown = document.onmousemove = null;
        }
    }
}
</script>
</head>

<body>
<div id="div1"></div>    
</body>
</html>

查看全文

相关阅读:
A
E
C
A
exgcd
博客
 简单数论
 extended_gcd(扩展欧几里德算法) 青蛙的约会
 扩展欧几里德算法—求解不定方程，线性同余方程
 素数筛 E

原文地址：https://www.cnblogs.com/mayufo/p/4229416.html