天天看点
返回

Js中实现图片随鼠标移动——ClientX,ClientY,Position

<head>

    <script type="text/javascript">

        // 当监听事件受到body范围大小的限制的时候，那么就在document中监听

        document.onmousemove = function () {

           //获得鼠标的坐标值

           var x = window.event.clientx;

           var y = window.event.clienty;

            var divfly = document.getelementbyid("divfly");

            divfly.style.left = x;

            divfly.style.top = y;

        }

    </script>

</head>

<body>

    <div id="divfly" style="position:absolute">

        <img src="../images/b6.gif" alt="positiondemo" />

    </div>

</body>

javascript 前端开发 client图片 鼠标移动图片 .js实现图片 ios实现图片 图片position
上一篇: asp.net中ListBox在jQuery中遇到的问题——直接传值到不了后台
下一篇: html中常用的table表格的css

继续阅读