這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)水平移動(dòng)與垂直移動(dòng)效果的實(shí)際代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。
水平移動(dòng)分析:
可看成是一個(gè)物體的左邊距變化。
比如:向右移動(dòng)是左邊距越來(lái)越大(數(shù)值為正),可調(diào)整物體的左邊距來(lái)實(shí)現(xiàn)
向左移動(dòng)是左邊距越來(lái)越?。〝?shù)值為負(fù)),可調(diào)整物體的左邊距來(lái)實(shí)現(xiàn)
實(shí)際代碼如下:
垂直移動(dòng)分析:
可看成是一個(gè)物體的上邊距變化。
比如:向下移動(dòng)是上邊距越來(lái)越大(數(shù)值為正),可調(diào)整物體的上邊距來(lái)實(shí)現(xiàn)
向上移動(dòng)是上邊距越來(lái)越小(數(shù)值為負(fù)),可調(diào)整物體的上邊距來(lái)實(shí)現(xiàn)
實(shí)際代碼如下:
以上就是js實(shí)現(xiàn)水平移動(dòng)與垂直移動(dòng)效果的實(shí)際代碼的簡(jiǎn)略介紹,當(dāng)然詳細(xì)使用上面的不同還得要大家自己使用過(guò)才領(lǐng)會(huì)。如果想了解更多,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道哦!