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 >
<img src="../images/b6.gif" alt="PositionDemo" />
</div>
</body>
最後更新:2017-04-02 22:16:31