Question

jquery 焦点图片切换

var len = $(".num > li").length;
var index = 0;
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");
})
// 通过控制top ，来显示不同的幻灯片
function showImg(index){
var adHeight = $(".content_right .ad").height();
$(".slider").stop(true,false).animate({top : -adHeight*index},1000);
$(".num li").removeClass("on")
.eq(index).addClass("on");
}

这是一段jquery广告图片轮换效果代码，哪位高手给我讲解一下它的函数都是什么意思啊？
谢谢了

Answer 1

首先是循环 样式表 名为"num" 下的li元素，
有几个li循环几次，并给li加入鼠标事件，当鼠标进入显示当前li的内容
当 样式表 名为"ad" 被选中时清空滚动，并开始新的滚动，延时为3000毫秒
样式on为显示，没有on 的全部为隐藏，所以只有选中的才会显示！
animate为jquery动画函数 延时1秒