jquery 实现首页焦点图滚动效果

[javascript]代码库

/*首页广告效果*/
$(function () {
    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");
}