效果图:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<style>
img{
position: absolute;
}
</style>
</head>
<body>
<img src="images/tianshi.gif" alt="" id="im">
<script>
//鼠标在页面中移动,图片跟着鼠标移动
document.onmousemove=function (e) { //e为事件参数
//鼠标的移动的横纵坐标
//可视区域的横坐标
//可视区域的纵坐标
document.getElementById("im").style.left=e.clientX+"px";
document.getElementById("im").style.top=e.clientY+"px";
};
</script>
</body>
</html>