过渡不´；在JavaScript中分配时无法工作

我的问题是，当我在JavaScript中为元素指定边距属性时，没有转换效果。我已经寻找过类似的问题，并且已经在事件侦听器中尝试过了。我还尝试了setTimeout，它成功了，但我不希望它成功。这应该是一个平滑的过渡，其中漂浮的图像位于电流上方，并从按下按钮的一侧漂浮

在我的编辑器中，代码可以工作，但没有转换

var计数器=0；
var=[]；
函数滚动（n）{
警报（“sd”）；
幻灯片=document.getElementsByClassName（“img”）；
如果（计数器+n<0）{
计数器=幻灯片长度-1；
幻灯片[计数器].style.transition=“无”；
幻灯片[计数器].style.marginLeft=“100%”；
对于（i=0；i幻灯片长度-1）{
计数器=0；
幻灯片[计数器].style.transition=“无”；
幻灯片[计数器].style.marginLeft=“-100%”；
对于（i=0；i

#新闻专线{
位置：相对位置；
填充顶部：60px；
宽度：100%；
高度：400px；
}
.img{
显示：块；
位置：绝对位置；
身高：继承；
宽度：继承；
过渡：所有0.5s线性；
}
#新闻专线{
高度：400px；
宽度：100%；
}
.搬家{
z指数：3；
宽度：100px；
高度：100px；
显示：表格；
边界半径：50px；
边缘顶部：150px；
光标：指针；
位置：绝对位置；
背景色：rgb（255,255,255,0.25）；
}
.移动：悬停{
背景色：rgb（255,255,255,0.6）；
}
.移动p{
身高：100%；
文本对齐：居中；
垂直对齐：中间对齐；
显示：表格单元格；
颜色：rgb（250255,255,0.7）；
字体大小：250%；
背景色：无；
}
.移动p:悬停{
颜色：深灰色；
}
.下一个{
右：6%；
}
.以前的{
左：6%；
}
.一{
z指数：2；
}
.二{
z指数：1；
}

⮚

⮘

请不要发布代码链接。将其作为“代码片段”发布在您的问题中。也许您可以尝试添加一个新类（如counter1），在css中编写它所需的所有样式，然后使用element.classList.add（）和element.classList.remove（）更改js中元素的样式。即使将

转换属性设置为
all
，也可以，您要转换的属性必须在CSS中为其设置默认值。是的，我稍后会尝试@Andriy DmytrukI按照@Andriy Dmytruk的建议进行转换，并且成功。还需要一个超时。非常感谢。