gpt4 book ai didi

javascript - 我想使用循环将元素移动到左侧

转载 作者:行者123 更新时间:2023-11-28 16:41:28 25 4
gpt4 key购买 nike

我敢打赌我有一个基本问题,但我花了两个晚上都无法解决。我有 1 个“ul”元素,我只想让它移动任意数量的像素,例如向左 2 秒。我想让他像这样一步步移动,然后回到原来的位置,重新开始移动。我被卡住了,我的脚本只是将其移动到最终位置并完成。

window.onload = function moveUl(){  
var eUl = document.getElementById('change');
var eLi = eUl.getElementsByTagName('li');
x = -300;

function move(){
for(i=0;i< eLi.length;i++){
eUl.style.marginLeft = i*x+'px';
}
}
setInterval(move,1000);
}

这是我能想到的最简单的了。我知道这个脚本在 1 秒后执行整个循环,但我尝试做这样的事情:将此元素向左移动,等待,向左移动更多元素等等。

最佳答案

你的意思是这样吗?

window.onload = function moveUl()
{
var eUl = document.getElementById('change');
var eLi = eUl.getElementsByTagName('li');

var delta = 0;
function move()
{
for(i=0;i< eLi.length;i++)
eUl.style.marginLeft = (-300*i+delta)+'px';
delta -= 100; // Prepares for the next step
if ( delta == -1000 )
delta = 0; // Resets after 10 steps
}
setInterval(move,1000);
}

关于javascript - 我想使用循环将元素移动到左侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/373182/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com