我怎样才能让jquery在元素字体颜色下面的数组之间切换?

colors1 = ["ffffff", "eeeeff", "ddddff", "ccccff", "bbbbff", "aaaaff", "9999ff", "8888ff", "7777ff", "6666ff", "5555ff", "4444ff", "3333ff", "2222ff", "1111ff", "0000ff"]


基本上我想做的就是使用这种颜色数组让元素淡入淡出。我尝试使用jQuery的动画(animate({opacity:1},{queue:false,duration:1500})),但是由于我们100%的时间都在使用IE,因此不透明动画在IE6 / 7中看起来很差。动画看起来确实很烂,fadeIn和fadeOut也是如此。我没有滤镜问题,因为我知道一旦动画或淡入淡出就将其删除。我相信新的动画API也会自动删除过滤器。

最佳答案

随着时间循环并更改CSS。

HTML:

<div id="test">Testing text</div>


JS:

var colors1 = ["ffffff", "eeeeff", "ddddff", "ccccff", "bbbbff", "aaaaff", "9999ff", "8888ff", "7777ff", "6666ff", "5555ff", "4444ff", "3333ff", "2222ff", "1111ff", "0000ff"]
var i = 0;

var animate = function switchColor() {
    if (i < colors1.length) {
        $('#test').css('color', '#' + colors1[i]);
        i++;
    } else {
        clearInterval(animate);
    }
}

$(document).ready(function() {
    setInterval(animate, 1000);
});


http://jsfiddle.net/kSsUL/38/

关于jquery - jQuery通过颜色切换而不是淡入淡出,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8349236/

10-16 12:20
查看更多