将动画添加到简单的轮播中

Question

我有一个非常简单的横幅更改脚本：

document.getElementById("car_head").innerHTML = carousel[carousel_num][0];
document.getElementById("car_text").innerHTML = carousel[carousel_num][1];
document.getElementById("car_pic").src = carousel[carousel_num][2];

这会更改计时器上标题的内容。

如何为其添加简单动画？添加淡入/淡出动画会不同于添加幻灯片放入/缩小动画？

谢谢，

Answer 1

你需要通过某种形式的动画循环来循环它，逐渐改变你想要的值（alpha，x / y，等等）。例如：

var change = function() {
    x -= 10;
    y -= 2;
    styleThese();
    if (x > 10 && y > 0) {
        setTimeout(change, 20);
    }
}

change();

显然这段代码并没有真正起作用。只需要完成这个基本想法。