//最近在写一个仿 苏宁首页的banner,想了一番觉得需要用到二维数组来遍历所有的图片,以达到对
//子集ul的循环播放和ul的子集li里的图片循环播放。只是实际操作中,却不知道该怎么逐个对二维数组
//中的元素进行操作了。
//以下是写的代码:
$(document).ready(function(e) {
var ul = $('.banner').find('ul');
var ulLength = ul.length;
//var li = ul.find('li');
var array = [], i = 0, j = 0;
var ulItem, liItem, liLength;
var Time=1000;
var page = 0;
for(;i<ulLength;i++){
ulItem = ul.eq(i);
liItem = ulItem.find('li');
liLength = liItem.length;
array[i] = [];
for(j=0;j<liLength;j++){
array[i][j] = liItem.eq(j);
}
}
// 以上为数组部分,至此,array就是获取到的li了。
// 然后要对 ulItem 进行操作,默认循环播放ulItem,发生hover事件后,就循环播放当前ulItem 下的 liItem ,
//后面的操作,却不知道该怎么进行了。下面这段代码是有问题的,但却不知道该怎么改。
$.each(array[i], function(){
$(this).addClass("on")
.animate({"opacity":1},Time)
.siblings('li').removeClass( "on" )
.animate({"opacity":0},Time);
});
});