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
Copyright © 2011-2022 走看看