javascript - JQ实现图片透明度无限循环逐渐变亮变暗

Question

Answer 1

题主你的需求不太明确啊,是以计时器为参考还是以数组元素为参考?说下我的思路吧
var img=[img1,img2,img3,img4];
function opcity(obj){//以数组元素为参考

for(var i=0,len=img.length;i<len;i++){
     img[i].style.opacity="0."+i;
}

}
//如果是以计时器为参考,就设置一个计时器,按计时器的变化来动态调整(一图或多图都适用);

Answer 2

CSS3动画比较靠谱，当然实在要用jQuery写动画的话也是可以的

//自运行的匿名函数
!function(){
    //当前匿名函数的引用
    var fn = arguments.callee;
    //先执行慢慢变透明的动画再执行不透明的动画，动画完毕后再一次调用这个方法，如此循环
    $('img').animate({opacity:0},'slow').animate({opacity:1},'slow',fn)
}()

Answer 3

var t;

    function change(){
        window.clearInterval(t);
        $('img').animate({opacity:0},2000).animate({opacity:1},2000);
        t=window.setInterval('change()',4000);
    };
    change();