我怎样才能让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/