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

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

各位大神們,幫忙看看

window.onload=function(){

var Li1=document.getElementById('li1');

var Li2=document.getElementById('li2');

var Li1.timer=null;

var Li2.timer=null;

Li1.onmouseover=function(){

startMove(this,'height',400)

}

Li1.onmouseout=function(){

startMove(this,'height',100)

}

Li2.onmouseover=function(){

startMove(this,'width',400)

}

Li2.onmouseout=function(){

startMove(this,'width',200)

}

}

function getStyle(obj,attr)

{

if(obj.currentStyle){return obj.currentStyle[attr];}


else{return getComputedStyle(obj,false)[attr];}

}


function startMove(obj,attr,iTarget){

var icur=parseInt(getStyle(obj,attr));

clearInterval(obj.timer);

obj.timer=setInterval(function(){

var speed=(iTarget-icur)/8;

speed=speed>0?Math.ceil(speed):Math.floor(speed);

if(icur==iTarget){clearInterval(obj.timer);}

else{obj.style[attr]= icur + speed +'px';}

},30);

}

第三行第四行定義初始化了兩個timer為啥就不能動了,還有緩沖效果怎么出不來,speed/8的時候效果不對,去掉除以8不能緩沖了,怎么回事呀

正在回答

1 回答

timer不是變量,它只是節點的自定義屬性,直接就可以添加;而且聲明變量的方式是錯誤的,所以下面的代碼不會執行,建議多看控制臺信息。那個女老師講的課還是有很多問題的。

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

financeC 提問者

喔,謝謝,那第二個問題呢,緩沖怎么不行
2016-08-18 回復 有任何疑惑可以回復我~
#2

不如懷念o 回復 financeC 提問者

建議你修改一下css中的width或者height,以及定時器的ms,然后打開開發者工具看具體的DOM文檔,看該節點上的數據是怎么變化的。
2016-08-18 回復 有任何疑惑可以回復我~
#3

financeC 提問者

非常感謝!
2016-08-21 回復 有任何疑惑可以回復我~
#4

湛瞳

親,我想知道具體哪些是錯的,謝謝
2016-08-26 回復 有任何疑惑可以回復我~
查看1條回復

舉報

0/150
提交
取消
JS動畫效果
  • 參與學習       113918    人
  • 解答問題       1502    個

通過本課程JS動畫的學習,從簡單動畫開始,逐步深入各種動畫框架封裝

進入課程

各位大神們,幫忙看看

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

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

幫助反饋 APP下載

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

公眾號

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