js简单旋转木马图片蜗壳
{ Javascript }复制代码代码如下所示:
VAR形成=功能(foritem,hoverstop,defaultfor){
无功_foritem = foritem.constructor jQuery = = foritem:$(foritem);
VaR伊姆贾尔= {
{Z:1,宽度:100,高度:100,左:0,顶:75px},
{Z:2,宽度:200,高度:200,左:50,顶:25px},
{Z:3,宽度:300,高度:250,左:150,顶:0},
{Z:2,宽度:200,高度:200,左:370,顶:25px},
{Z:1,宽度:100,高度:100,左:520,顶:75px}
};
_foritem.each(功能(我){)
_this = $(this)功;
_this.css(伊姆贾尔{我}伊姆贾尔{ 4 } | |);
_this.find(IMG)。Css(伊姆贾尔{我} | |伊姆贾尔{ 4 });
});
无功_for =功能(_i,数据,nulldata,回调){
$(foritem)。每个(功能(我){
var = $(这个);
setTimeout(){()函数(
Self.css(Z
(自停)。动画(数据{我+ _i } | | nulldata);
Self.find(IMG)(停止)。动画(数据{我+ _i } { | | nulldata(功能)。
Callback.call(自我、我);
});
});
});
};
var =;
无功defaultforfun =函数(){()
如果(!defaultfor){
That.leftfor();
{人}
That.rightfor();
}
}
无功forimginterval = setInterval(defaultforfun,1000);
如果(hoverstop){
_foritem.hover(函数(){()
ClearInterval(forimginterval);
}函数(){()
forimginterval = setInterval(defaultforfun,1000);
});
}
this.leftfor =函数(){
无功nuldata = {Z):1、宽度:100,高度:100,左:520,顶:75px};
伊姆贾尔{ 0 } {Z= 1;
伊姆贾尔{ 0 } {Z} = 2
伊姆贾尔{ 0 } {Z} = 3
伊姆贾尔{ 0 } {Z} = 2
伊姆贾尔{ 0 } {Z} = 1
_for(1,伊姆贾尔,nuldata,功能(我){)
如果(i = 0){
this.closest(UL)。追加(这);
}
});
};
this.rightfor =函数(){
无功nuldata = {Z):1、宽度:100,高度:100,左:0,顶:75px};
伊姆贾尔{ 0 } {Z= 1;
伊姆贾尔{ 0 } {Z} = 2
伊姆贾尔{ 0 } {Z} = 4
伊姆贾尔{ 0 } {Z} = 5
伊姆贾尔{ 0 } {Z} = 2
_for(1,伊姆贾尔,nuldata,功能(我){)
如果(我= = _foritem.length { - 1)
this.closest(UL)。Prepend(本);
This.css(Z
}
});
};
this.stop =函数(){
ClearInterval(forimginterval);
};
this.next =函数(){
forimginterval = setInterval(defaultforfun,1000);
};
};