課程
/前端開發
/JavaScript
/JS動畫效果
有沒有發現的。
2017-02-21
源自:JS動畫效果 6-2
正在回答
和后來講解的小bug一樣, 先變得寬, 再變的高, 如果寬先達到設定值, 關閉定時器, 就是視頻中展示的效果, 停止不繼續執行動畫, 但是原來是把寬增加200px, 高增加100px, 所以是高先滿足條件, 就停止了定時器, 之后寬度再次變化是因為鼠標再次移入, 觸發了onmouseover事件, 然后寬度向著目標變化了一次, 之后看高度, 因為已經達到預定值, 就再次關閉計時器, 之后的幾秒, 你可以看到當鼠標又再次滑到div上面的時候, 寬度實際上又變化了兩三次的(我沒有經過代碼實際驗證, 不過我想應該是這么個原理的!)
慕粉2245163752 提問者
舉報
通過本課程JS動畫的學習,從簡單動畫開始,逐步深入各種動畫框架封裝
1 回答鼠標移入和移出沒有變化
2 回答移出的時候正常,移入的時候一直在幌
1 回答為什么我鼠標移入寬高透明度會變,移出就不變了?
2 回答這一節的緩沖好像是有bug的,我的嘗試是來回把鼠標移入移出,最后把鼠標再移入的時候,寬度無限延伸,下面是我的代碼,求大神指正
1 回答鼠標移出后沒有反應
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-02-21
和后來講解的小bug一樣, 先變得寬, 再變的高, 如果寬先達到設定值, 關閉定時器, 就是視頻中展示的效果, 停止不繼續執行動畫, 但是原來是把寬增加200px, 高增加100px, 所以是高先滿足條件, 就停止了定時器, 之后寬度再次變化是因為鼠標再次移入, 觸發了onmouseover事件, 然后寬度向著目標變化了一次, 之后看高度, 因為已經達到預定值, 就再次關閉計時器, 之后的幾秒, 你可以看到當鼠標又再次滑到div上面的時候, 寬度實際上又變化了兩三次的(我沒有經過代碼實際驗證, 不過我想應該是這么個原理的!)