循环fadeIn / fadeOut控制不透明度?

时间:2013-11-04 11:04:34

标签: javascript jquery fadein opacity fadeout

请看这个小提琴http://jsfiddle.net/rabelais/BGW2y/

我想控制不透明度。我很简单,不希望链接完全淡出。我需要它们保持可见并且只消失到大约0.3不透明度?如何更改代码以启用此功能?

fadeloop('.soundDiv-link, .soundDiv-link2',1000,4200,true);
fadeloop('.videoDiv-link, .videoDiv-link2',4300,1300,true);
fadeloop('.imagesDiv-link, .imagesDiv-link2',1500,4100,true);
fadeloop('.aboutDiv-link',4000,1000,true);

function fadeloop(el,timeout,timein,loop){
var $el = $(el),intId,fn = function(){
     $el.fadeOut(timeout).fadeIn(timein);
};
fn();
if(loop){
    intId = setInterval(fn,timeout+timein+100);
    return intId;
}
return false;
}

1 个答案:

答案 0 :(得分:1)

使用.fadeTo() http://api.jquery.com/fadeTo/

$el.fadeTo(timeout, .3).fadeTo(timein, 1);

FIDDLE