淘寶雖然沒(méi)有css,但我們依然可以通過(guò)一些技巧來(lái)實(shí)現(xiàn)動(dòng)畫效果。
<script> function animate(element, target) { clearInterval(element.timer); element.timer = setInterval(function() { var current = element.offsetLeft; var step = (target - current) / 10; step = step >0 ? Math.ceil(step) : Math.floor(step); element.style.left = current + step + 'px'; if (current == target) { clearInterval(element.timer); } }, 10); } </script>
這段代碼實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的動(dòng)畫效果,將某一元素向左或向右移動(dòng)。我們可以根據(jù)具體需求來(lái)調(diào)整目標(biāo)位置以及定時(shí)器的時(shí)間間隔,實(shí)現(xiàn)不同的動(dòng)畫效果。