zoukankan html css js c++ java

jq 拖拽

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
div{
    background:pink;
    height:100px;
    100px;
    position:absolute;
    }
</style>
<script type="text/javascript" src="jquery-1.11.2.js" ></script>
<script>
    $(function ()
    {
        var disX = 0;
        var disY = 0;
        $('div').mousedown(function (ev)
        {
            disX = ev.pageX - $(this).offset().left;
            disY = ev.pageY - $(this).offset().top;
            $(document).mouseover(function (ev)
            {
                $('div').css('left',ev.pageX - disX);
                $('div').css('top',ev.pageY - disY);
            })
            
            $(document).mouseup(function ()
            {
                $(document).off();
            })
        })
    })
</script>
</head>

<body>
<div></div>
</body>
</html>

查看全文

相关阅读:
Ajax（三）
Ajax（二）
Django（四）
Ajax（一）
Django(三)
Django(二)
Django(一)
Http协议
 Bootstrap
python 绑定方法

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