HTML图片移动
我想通过点击一下“移动”按钮，把马天宇的图片移动到（400,500）这个坐标位置，并且把马天宇三个字变成红色，那HTML，JS，CSS,这三个文件的代码分别应该怎么写。...
我想通过点击一下“移动”按钮，把马天宇的图片移动到（400,500）这个坐标位置，并且把马天宇三个字变成红色，那HTML，JS，CSS,这三个文件的代码分别应该怎么写。
展开
1个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
.box{position: absolute;}
input{position: absolute;top:250px;}
.move{left:400px;top:500px;color: red;}
</style>
</head>
<body>
<div class="box">
<img src="img/app.png" />
<p>马天宇</p>
</div>
<p><input type="button" value="move" /></p>
<script>
var box=document.querySelector('.box')
var btn=document.querySelector('input')
btn.onclick=function(){
box.setAttribute('class','box move')
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
.box{position: absolute;}
input{position: absolute;top:250px;}
.move{left:400px;top:500px;color: red;}
</style>
</head>
<body>
<div class="box">
<img src="img/app.png" />
<p>马天宇</p>
</div>
<p><input type="button" value="move" /></p>
<script>
var box=document.querySelector('.box')
var btn=document.querySelector('input')
btn.onclick=function(){
box.setAttribute('class','box move')
}
</script>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
