亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

求大神幫我看下這代碼,鼠標離開的時候,div不會回去呀?是什么問題?

<!DOCTYPE html>

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

<title>Js動畫</title>

<style type="text/css">

<style>

*{margin:0;padding:0;}

#div1{

width:200px;

height:200px;

background:red;

position:relative;

left:-200px;

top:0;

}


#div1 span{

height: 50px;

position: absolute;

background:blue;

width: 20px;

left: 200px;

top: 75px;

}

</style>

</head>

<script type="text/javascript">

window.onload=function(){

var oDiv=document.getElementById('div1');

oDiv.onmouseover=function(){

startMove(0);

}

oDiv.onmouseout=function(){

startMove(-200);

}

}

var timer=null;

function startMove(iTarget){

clearInterval(timer);

var oDiv=document.getElementById('div1');

timer=setInterval(function(){

var speed= 0;

if (oDiv.offsetLeft>iTarget) {

speed==-10;

}else{

speed==10;

}

if(oDiv.offsetLeft==iTarget){

clearInterval(timer);

? ?}

else{

oDiv.style.left=oDiv.offsetLeft+speed+'px';

? ? ? }

? ? ? },30)

}


</script>


<body>

<div id="div1">

<span id="share">分享</span>

</div>

</html>


正在回答

2 回答

if (oDiv.offsetLeft>iTarget) {

speed==-10;

}else{

speed==10;

}

自動空行了? ,把這兩行代碼的==換成 =就行了

0 回復 有任何疑惑可以回復我~
#1

warren_0 提問者

非常感謝!已經解決了。
2015-09-15 回復 有任何疑惑可以回復我~
#2

warren_0 提問者

改過來之后,為什么鼠標移入移出時,動畫效果的速度不一樣??移出時動畫退回去的速度明顯比較慢。請問怎么改才能讓它們移入移出時的速度一樣快?
2015-09-15 回復 有任何疑惑可以回復我~
#3

yanniduoduo 回復 warren_0 提問者

我的也是這樣,你找出原因了嗎?
2015-11-20 回復 有任何疑惑可以回復我~

88行 和 92行 不是等于 是賦值

0 回復 有任何疑惑可以回復我~
#1

warren_0 提問者

哪里的88行和92行??總共才60幾行...
2015-09-14 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

求大神幫我看下這代碼,鼠標離開的時候,div不會回去呀?是什么問題?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號