$(function(){
function turn(){
var elems=$("#part_1>div");
elems.eq(1).css("z-index",1).addClass("rotate").siblings().css("z-index",0)
.delay(1000);//1s后执行第二条语句
elems.eq(2).css("z-index",1).addClass("rotate").siblings().css("z-index",0)
//rotate添加了一个动画 ,问题是为什么总是只执行第二条语句,第一条总是不执行??
}
turn();
})
elems.eq(1).css("z-index",1).addClass("rotate").siblings().css("z-index",0)
.delay(1000)
.next().css("z-index",1).addClass("rotate").siblings().css("z-index",0);
html呢,你是不是下标弄错了,还有delay是动画延时函数,不是代码延时
你的delay用错了,delay是不将后面一句话延迟多少时间执行。你这里和没有用delay是一样的效果。两句话都运行了,但是第一句话的效果被第二句话覆盖了。
看看delay的文档,它只对jquery动画效果生效,并且是在它后面链式调用。你这里的效果,老实的用setTimeout吧