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可以处理animations between classes。查看addClass和switchClass的文档。它们的语法与jQuery's animate非常相似。

老实说，如果你只是在寻找基本过渡，我会调查CSS3 transitions（请原谅资源选择不当）。