正在转换flash动画到的jquery#jquery的衰落多个div与不同的定时
我基本上的div它们是不同的颜色的一个负载,我想的div到淡入和淡出,每个div有一个不同基于fibonachi序列的时间,
我有问题分配一个淡入淡出功能的div,我希望淡出功能淡出div然后完成淡入淡出,并继续重复每个div的过程。
这里是我目前的代码,但它崩溃的Firefox大概与我有这么多setintervals
任何人都可以指出我在正确的方向吗?
var myDiv ='#bannerHolder'
var fib_str = '1, 2, 3, 5, 8, 13, 21, 1, 2, 3, 5, 8, 13, 21, 1, 2, 3, 5, 8, 13, 21, 1, 2, 3, 5, 8, 13'
var widths_str = '33px, 31px, 35px, 9px, 16px, 50px, 33px, 24px, 40px, 20px, 63px, 30px, 10px, 29px, 11px, 12px, 51px, 31px, 35px, 11px, 14px, 50px, 30px, 25px, 38px, 20px, 35px'
var pos_str = '0px, 44px, 105px, 144px, 153px, 203px, 236px, 269px, 280px, 354px, 374px, 437px, 447px, 457px, 506px, 517px, 529px, 604px, 646px, 687px, 698px, 712px, 762px, 787px, 823px, 895px, 915px'
var color_str = '#D5E1D7, #18D4C9,#BF51C3,#1E82C9, #EDEDED, #E1C981, #C9A94F, #BDBCAA, #5DB522, #EB2F34, #823133, #004BD8, #A6A0A0, #DS9F36, #FFDB00, #69944F, #18D4C9, #BF51C3, #1E82C9, #6B949A, #FFDB00, #819E64, #BDBCAA, #54BA43, #EB2F34, #823133'
var width = widths_str.split(",");
var pos = pos_str.split(",");
var color = color_str.split(",");
var fib = fib_str.split(",");
console.log(width);
console.log(pos);
console.log(color);
var counter = width.length
var stopper = false;
for(i=0;i<counter;i++){
var html = '<div id ="stripe'+i+'"/>'
$(myDiv).append(html)
$('#stripe'+i).css({ 'top': 0, 'left': pos[i],'position': 'absolute', 'float': 'left', 'background-color' : color[i]})
$('#stripe'+i).attr({'height': 100, 'width': width[i], 'min-width' : width[i], 'min-height' : '100px' })
$('#stripe'+i).width(width[i])
$('#stripe'+i).height('100px')
var myfibtime = (fib[i] * 200);
setInterval(stripeFadeOut(i), myfibtime);
setInterval(stripeFadeIn(i), myfibtime);
};
function stripeFadeOut(id){
$('#stripe'+id).fadeOut('slow');
var myfibtime = (fib[id] * 200);
}
function stripeFadeIn(id){
$('#stripe'+id).fadeIn('slow');
var myfibtime = (fib[id] * 200);
}
})
如果我使用setInterval('stripeFadeIn(' + id + ')', myfibtime+'
;我得到stripeFadeIn是不确定的,如果我尝试使用。马马如果我提供了太多的递归
谢谢,但现在有点失落了,我已经改变了我的问题中的代码,以reflext ushehg .animate()用一个完整的参数,所以我不知道你是在谈论原始代码或更新后的代码的mathews suguestion ,一些示例代码将是真正有用的,我对此没有任何地方:( 我已更新我的问题,以删除mathew提出的代码,因为.animate方法会导致太多的递归 – 2010-11-19 18:29:38