1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
$(function(){
var index=0;
var len=$(".num>li").length;
var adTimer;
$(".num li").mouseover(function(){
index=$(".num li").index(this);
showImg(index);
}).eq(0).mouseover();
$(".ad").hover(function(){
clearInterval(adTimer);
},function(){
adTimer=setInterval(function(){
showImg(index)
index++;
if(index==len){
index=0;
}
}, 3000);
}).trigger("mouseleave")
function showImg(index){
var adHeight=$(".ad").height();
$(".slider").stop(true,false).animate(
{top:-adHeight*index},1000
);
$(".num li").removeClass('on').eq(index)
.addClass("on");
}
})

幻灯效果地址