运用JavaScript写出如下效果： 要求：鼠标点击div块后，div由左边缓慢移动到右边.
- 你的回答被采纳后将获得：
- 系统奖励15（财富值+成长值）+难题奖励20（财富值+成长值）
3个回答
展开全部
html里面写一个div id=div1
div#div1{position:absolute;
width:300px;
height:300px;
left:0;
top:30px;
background:red;
}
window.onload = function(){
var div1 = document.getElementById("div1");
var cur = div1.offsetLeft;
var speed = 6;
div1.onclick = function(){
var timer = setInterval(function(){
if(cur > 500){
clearInterval(timer);
}else{
cur += speed;
div1.style.left = speed + cur +"px";
}
},30);
};
}
使用setInterval
div#div1{position:absolute;
width:300px;
height:300px;
left:0;
top:30px;
background:red;
}
window.onload = function(){
var div1 = document.getElementById("div1");
var cur = div1.offsetLeft;
var speed = 6;
div1.onclick = function(){
var timer = setInterval(function(){
if(cur > 500){
clearInterval(timer);
}else{
cur += speed;
div1.style.left = speed + cur +"px";
}
},30);
};
}
使用setInterval
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<style>
.box{
width:50px;
height:50px;
background-color:green;
}
</style>
<script>
window.onload = function(){
var box = document.getElementsByClassName('box')[0];
box.onclick = function(){
box.onclick = null;
var task = setInterval(function(){
var left = (parseInt(box.style.marginLeft) || 0) + 10;
if(left + box.offsetWidth > document.documentElement.clientWidth)
clearInterval(task);
box.style.marginLeft = left + 'px';
},100);
};
};
</script>
</head>
<body>
<div class="box"></div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
釆纳就写
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
