Question

我建造一个日历,其中一项要求是规定背景物色体资产,以强调某些日子。

然而,有一天需要两种不同的颜色:例如,假日发生。

是否有办法在两种不同的背景颜色之间轮流? 我们再次使用 j,我审视了周期的gin,但这似乎完全超出了我所需要的技能。

这将一劳永逸地循环,但我喜欢继续这样做:

$(".toggleBG").animate({ backgroundColor: "#FFFF66" }, 2000, function() {
    $(".toggleBG").animate({ backgroundColor: "#99CCFF" }, 2000)
});

Answer 1

这应当做到:

var animate1, animate2;
var elem = $(".toggleBG");

animate1 = function() {
    elem.animate({ backgroundColor: "#FFFF66" }, 2000, animate2)
}
animate2 = function() {
    elem.animate({ backgroundColor: "#99CCFF" }, 2000, animate1)
}

animate1();

每个职能部门将另一个职能作为向animate发出的提示。

阻止消沉的最容易的方法是:

animate1 = animate2 = undefined

Answer 2

function toggleBg(){
    if($( .toggleBG ).css( backgroundColor ) ==  #FFFF66 ){
        $( .toggleBG ).css( backgroundColor ,  #99CCFF );
    }else{
        $( .toggleBG ).css( backgroundColor ,  #FFFF66 );
    }
    setTimeout(toggleBg, 2000);
}
$(function(){
    toggleBg();
});

Answer 3

仅靠jquery UI图书馆支持彩色改动,因此,当你从下载jQueryUI图书馆时,它就应当工作。

Answer 4

var changeColors = setInterval(function() { 
     $(".toggleBG").toggleClass( color2 );
}, 2000);

然后,为每个背景制定特别安全规则:

div.color1 { 
     background-color: #FFFF66;
     -moz-transition: all 1s ease-in-out;
     -webkit-transition: all 1s ease-in-out;
     transition: all 1s ease-in-out;
}
div.color1.color2 { background-color: #99CCFF; }

过渡将使彩色变化顺利进行,而不是“鞭.”,至少是支持这种变化的较新的浏览器。

Answer 5

或许还有其他办法可以做到这一点,但你可以利用停职职能,使守则得以继续:

function flip() {
    $(".toggleBG").animate( 
    { backgroundColor: "#FFFF66" }, 2000, function() {
    $(".toggleBG").animate({ backgroundColor: "#99CCFF" }, 2000) 
    });
    setTimeout( flip(), 1 );
}

友情链接