图随鼠标动

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <img id="tu" src="img/1.jpg" style="position: absolute; left: -400px; top: -200px; width: 200px; height: 200px;">
    <script>
    var tu=document.getElementById("tu");
    document.onmousemove=a;
    function a(b){
        var x=b.clientX;
        var y=b.clientY;
        tu.style.top=y+2+"px";
        tu.style.left=x+2+"px";
    }
    </script>
    
    </body>
</html>

posted @ 2017-02-06 18:45  瑞瑞大人  阅读(124)  评论(0编辑  收藏  举报