点击代码右上角 查看演示。
查看演示。
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div class="content">
            <img src="https://img.only4.work/imgs/2020/06/be858f0a56b2b48e.png">
        </div>
        <style>
        .content {
            position: absolute;
            cursor: pointer;
        }
        </style>
        <script type="text/javascript" src="https://lib.baomitu.com/jquery/3.2.1/jquery.min.js"></script>
        <script>
        $(function () {
            var disX = 0;
            var disY = 0;
            $('.content').mousedown(function (ev) {
                disX = ev.pageX - $(this).offset().left;
                disY = ev.pageY - $(this).offset().top;
                $(document).mousemove(function (ev) {
                    $('.content').css('left', ev.pageX - disX);
                    $('.content').css('top', ev.pageY - disY);
                });
                $(document).mouseup(function () {
                    $(document).off();
                });
                return false;
            });
        });
        </script>
    </body>
</html>参考:https://yaw.ee/1363.html
本站文章除注明转载/出处外,均为原创,若要转载请务必注明出处。转载后请将转载链接通过邮件告知我站,谢谢合作。本站邮箱:admin@only4.work
尊重他人劳动成果,共创和谐网络环境。点击版权声明查看本站相关条款。
 QQ登录
QQ登录 微博登录
微博登录 GitHub登录
GitHub登录