jquery - 类之间的jQuery淡入淡出

Question

我正在循环显示三个显示不同横幅背景图像的类。

我的循环运行良好，但想在不同的类之间添加淡入淡出动画。

这是我当前的代码

    var img = ['img1', 'img2', 'img3'],
    c = 0,
    run = setInterval(loop, 3000); 

    function loop(){ 
      $('#header').removeClass().addClass(img[++c%img.length]).fadeIn('slow'); 
    }

提前致谢

Answer 1

jQuery UI 可以处理类之间的动画。查看addClass和switchClass的文档。它们的语法与jQuery 的 animate非常相似。

老实说，如果您只是在寻找基本的转换，我会研究CSS3 转换（请原谅资源的糟糕选择）。