課程
/前端開發
/JavaScript
/JS動畫效果
為什么我的目標寬度是400，執行的時候卻是396，剩下的4，需要鼠標移入移出四次才會到400，高度就很正常！
2018-03-13
源自：JS動畫效果 6-1
正在回答
你好，我也遇到了這個問題。正如老師所講的那樣，一定是有屬性在到達自己的位置的時候，立刻觸發了清除定時器，導致其他的屬性雖然還沒有到達target，就被終止了運行。當你再次用鼠標指向的時候，定時器只會被觸發一次，for循環一遍，就遇到opacity屬性已經變成1，因此目標寬度只被遍歷1次，增長1，所以需要移入移出4次，這個情況將會在你把目標寬度修改成201時相當明顯。
舉報
通過本課程JS動畫的學習，從簡單動畫開始，逐步深入各種動畫框架封裝
1 回答視頻1:33處 鼠標移入時 由于邊框的原因 400變成了392 移除鼠標為什么不是192?而是256;第二次再移入鼠標為什么又400多?
1 回答為什么我鼠標移入寬高透明度會變，移出就不變了？
1 回答為什么回調函數只有在鼠標移出再次移進才會執行？
1 回答為什么鼠標移入一次才觸發一次而不是鏈式的？
2 回答這一節的緩沖好像是有bug的，我的嘗試是來回把鼠標移入移出，最后把鼠標再移入的時候，寬度無限延伸，下面是我的代碼，求大神指正
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-03-18
你好，我也遇到了這個問題。正如老師所講的那樣，一定是有屬性在到達自己的位置的時候，立刻觸發了清除定時器，導致其他的屬性雖然還沒有到達target，就被終止了運行。當你再次用鼠標指向的時候，定時器只會被觸發一次，for循環一遍，就遇到opacity屬性已經變成1，因此目標寬度只被遍歷1次，增長1，所以需要移入移出4次，這個情況將會在你把目標寬度修改成201時相當明顯。