www.aaaa,亚洲再线

首頁(yè) 免費(fèi)課 JS動(dòng)畫效果問(wèn)答

JS動(dòng)畫效果

            
                vivian
            
            Web前端工程師
                    
                難度初級(jí)
            
                時(shí)長(zhǎng) 2小時(shí) 8分
            
                學(xué)習(xí)人數(shù)
            
綜合評(píng)分9.60
                            537人評(píng)價(jià)
                        查看評(píng)價(jià)
                                9.8
                                內(nèi)容實(shí)用
                            
                                9.6
                                簡(jiǎn)潔易懂
                            
                                9.4
                                邏輯清晰

全部評(píng)論問(wèn)答未解決精華

*{margin:0;padding:0;} 為什么不寫這個(gè)，就停不下來(lái)了？

最贊回答 / hellf

跟css中的{margin:0;padding:0;} 沒(méi)有關(guān)系，你的代碼中，判斷offsetLeft 的條件改為: if(odiv.offsetLeft>=0) ?它就停下來(lái)了，因?yàn)樵诓粩嘁苿?dòng)的過(guò)程中，不一定有0這個(gè)值還有一個(gè)問(wèn)題，進(jìn)入startMove()時(shí)，需要先清除一下定時(shí)器，目的是保證同時(shí)只有一個(gè)定時(shí)器在運(yùn)行，你的代碼還給你，就改了兩個(gè)地方：<!DOCTYPE html><html><head><title>動(dòng)畫</title>...

1 回答 1478 瀏覽 2-1 JS速度動(dòng)畫

2018-03-23

要是分享欄在右邊該怎么設(shè)置才能從右向左滑動(dòng)？

最新回答 / 幻羽丶

改成offsetRight就行了啊

1 回答 1174 瀏覽 2-1 JS速度動(dòng)畫

2018-03-22

為什么我的目標(biāo)寬度是400，執(zhí)行的時(shí)候卻是396，剩下的4，需要鼠標(biāo)移入移出四次才會(huì)到400？

最新回答 / 慕絲2053625

你好，我也遇到了這個(gè)問(wèn)題。正如老師所講的那樣，一定是有屬性在到達(dá)自己的位置的時(shí)候，立刻觸發(fā)了清除定時(shí)器，導(dǎo)致其他的屬性雖然還沒(méi)有到達(dá)target，就被終止了運(yùn)行。當(dāng)你再次用鼠標(biāo)指向的時(shí)候，定時(shí)器只會(huì)被觸發(fā)一次，for循環(huán)一遍，就遇到opacity屬性已經(jīng)變成1，因此目標(biāo)寬度只被遍歷1次，增長(zhǎng)1，所以需要移入移出4次，這個(gè)情況將會(huì)在你把目標(biāo)寬度修改成201時(shí)相當(dāng)明顯。

1 回答 1238 瀏覽 6-1 同時(shí)運(yùn)動(dòng)

2018-03-13

我想看實(shí)例的代碼代碼呢？

最新回答 / 五趾的魚

<...code...>

2 回答 1435 瀏覽 2-1 JS速度動(dòng)畫

2018-03-04

為什么出不來(lái)透明度

+ 我來(lái)回答回答最高可+2積分

4 回答 1403 瀏覽 2-2 JS透明度動(dòng)畫

2018-01-27

定時(shí)器bug問(wèn)題

最新回答 / 慕夢(mèng)前來(lái)

定時(shí)器里的變量要控制好，

1 回答 1701 瀏覽 7-1 JS動(dòng)畫案例

2018-01-23

請(qǐng)文為什么span未看見(jiàn)設(shè)置成display:block，但卻可以直接設(shè)置寬高，span不是行內(nèi)元素么？

最新回答 / 慕粉3074769

當(dāng)使用絕對(duì)定位的時(shí)候行內(nèi)元素會(huì)呈現(xiàn)塊狀元素效果。

position:?absolute;

<...code...>

2 回答 1432 瀏覽 2-1 JS速度動(dòng)畫

2018-01-17

為什么按照老師說(shuō)的將移進(jìn)移除的代碼合并為一個(gè)，提出參數(shù)傳入后執(zhí)行沒(méi)反應(yīng)？謝謝

最新回答 / 慕糖017

</script>前面少了}

1 回答 1053 瀏覽 2-1 JS速度動(dòng)畫

2018-01-09

關(guān)于這個(gè)flag的問(wèn)題

最新回答 / qq_彩虹_21

要是緩沖運(yùn)動(dòng)就不需要flag

3 回答 1470 瀏覽 6-2 完美運(yùn)動(dòng)框架

2018-01-04

Math.round

最新回答 / 天橋涂鴉

它是round的（float*100）

3 回答 1398 瀏覽 4-4 任意屬性值（二）

2017-12-26

為什么定義aLi[i].timer的時(shí)候不用 var ?

最贊回答 / smile_風(fēng)

<...code...>

1 回答 1408 瀏覽 4-1 JS多物體動(dòng)畫

2017-12-22

幽靈Bug

最贊回答 / 伴山客

終于想通了，還是flag的問(wèn)題。大家注意，var flag =true;這句話一定一定要放在for-in外面理解如下：首先f(wàn)or-in雖然使得看起來(lái)是同步進(jìn)行，但實(shí)際還是你定義的運(yùn)動(dòng)1，運(yùn)動(dòng)2，運(yùn)動(dòng)3?順序操作。當(dāng)放在外面的時(shí)候，三個(gè)運(yùn)動(dòng)是修改一個(gè)flag，有一個(gè)沒(méi)滿足都是false。而當(dāng)flag定義放在循環(huán)里的時(shí)候，每一個(gè)運(yùn)動(dòng)的每一次操作，都會(huì)重置flag為true。模擬一下：假定速度為1.首先第一圈。寬是false，然運(yùn)動(dòng)，達(dá)到目標(biāo)。高是false，運(yùn)動(dòng)，仍未達(dá)到。透明度是false，運(yùn)動(dòng)，仍未達(dá)到。...

1 回答 2030 瀏覽 6-2 完美運(yùn)動(dòng)框架

2017-12-20