<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>移动图片</title>
<style>
img{
position: absolute;
top:0px;
left: 0px;
}
</style>
</head>
<body>
<img id="light" src="img/69.png">
<script>
imgobj=document.getElementById('light');
//鼠标移动改变标题
//document.onmousemove=function(){
// document.title='你还好吗';
//}
//移动鼠标显示像素
//document.onmousemove=function(event){
// x=event.clientX;
// y=event.clientY;
// document.title=x+"-"+y;
//}
//移动图片
document.onmousemove=function(event){
x=event.clientX;
y=event.clientY;
imgobj.style.top=x+"px";
imgobj.style.left=y+"px";
}
</script>
</body>
</html>
JS实现控制图片走动
最新推荐文章于 2023-01-19 19:03:15 发布