本文提供了一个使用JavaScript实现鼠标移动时图片跟随的简单示例。通过获取鼠标的实时位置更新图片的位置，使得页面中的图片能够跟随鼠标移动。该示例适用于前端开发初学者了解基本的DOM操作及事件监听。
<script type="text/javascript">
document.onmousemove=function(){
var x = window.event.clientX;//clientX表示鼠标在X轴上的移动坐标
var y = window.event.clientY;
var divFly = document.getElementById("divFly");
if(!divFly){
return ;
}
divFly.style.left = x;
divFly.style.top = y;
}
</script>
<div id="divFly" style="position: absolute;">
<img src="5.jpg"><br>
</div>
<!--EndFragment-->
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
