大神看下我哪里出错了？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js动画</title>
</head>
<body>
<style type="text/css">
*{margin: 0;padding: 0;}
#div1{width: 200px;height: 200px;background-color: red;position: relative;top:0;left: -200px;}
#share{position: absolute;top: 70px;left: 200px;background-color: blue;color: #fff;cursor: pointer;}
</style>
<script type="text/javascript">
window.onload = function(){
var div = document.getElementById("div1");
var share = document.getElementById("share");
share.onmouseover = function(){
startmove();
}
share.onmouseout = function(){
startmove1();
}
}
var timer = null;
function startmove(){
clearInterval(timer);
var div = document.getElementById("div1");
var timer = setInterval(function(){
if(div.offsetLeft >= 0){
clearInterval(timer);
}
else{
div.style.left= div.offsetLeft+10+"px";
}
},50)
}
function startmove1(){
clearInterval(timer);
var div = document.getElementById("div1");
var timer = setInterval(function(){
if(div.offsetLeft >= -200){
clearInterval(timer);
}
else{
div.style.left= div.offsetLeft-10+"px";
}
},50)
}
</script>
<div id="div1"><span id="share">发射</span></div>
</body>
</html>
因扎吉浏览 2020回答 6
6回答
-
因扎吉
个位 问题已解决了。！我在28行 和40行重复定义了timer这个定时器所造成的的@！！ -
echo_kinchao
你的分号写成了中文的 -
因扎吉
javascript 的问题！！求讲解！
随时随地看视频慕课网APP
Html/CSS
JavaScript