怎么样用jquery实现拖动鼠标的时候，鼠标后面带有个小图片一起移动

怎么样用jquery实现拖动鼠标的时候，鼠标后面带有个小图片一起移动？？

解决方案 »

  1.   


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <style>
    img {
    position:absolute; left:0; top:0;
    }
    </style>
    </head>
    <body>
    <img id="test" src="http://avatar.profile.csdn.net/B/9/6/2_shaotine_wu.jpg" />
    <script>
    var $img = $('#test');
    $(document).mousemove(function(e){
    $img.css({
    left: e.clientX,
    top: e.clientY
    })
    })
    </script>
    </body>
    </html>
    这个意思？
      

  2.   

    <!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="gb2312" />
            <title></title>    
            <script src="http://code.jquery.com/jquery-latest.js"></script>
            <style>
                img {
                    position:absolute; left:0; top:0;
                }
            </style>
        </head>
        <body>
            <img id="test" src="http://avatar.profile.csdn.net/B/9/6/2_shaotine_wu.jpg" />
            <script>
                var $img = $('#test');
                $(document).mousemove(function(e){
                    $img.css({
                        left: e.clientX - 10,
                        top: e.clientY -10
                    })
                })
            </script>
        </body>
    </html>