html的问题请教：我用jquery做的轮播图问题

var len = $(".num > li").length;//获取长度（相当于是有多少张图片）
var index = 0; //图片序号
var adTimer; //定时器

//滚动广告

$(".num li").mouseover(function() {
index = $(".num li").index(this); //获取鼠标悬浮 li 的index
showImg(index); //执行滚动方法，传index进来就是当用户滑到第几张的时候就显示第几张
}).eq(0).mouseover();//触发鼠标经过第一张，eq(0)指的是第一张
//滑入停止动画，滑出开始动画.
$('.banner_a').hover(function() {
clearInterval(adTimer); //当鼠标移动到图片上，关掉定时器，就是不在让图片滚动
}, function() {
adTimer = setInterval(function() { //离开的时候开定时器，图片继续滚动
showImg(index) //执行方法
index++;
if (index == len) { //最后一张图片之后，转到第一张
index = 0;
}
}, 1000);
}).trigger("mouseleave"); //程序进来就触发鼠标离开事件，即让图片滚动

function showImg(index) { //滚动函数
var adHeight = $(".bannerul>li:first").height();

//传index索引进来，就是当第几张鼠标经过的时候，第几张就滚动起来，比如，鼠标移动到第2张， $(".bannerul")的marginLeft就往左移动-adHeight * index + "px"
$(".bannerul").stop(true, false).animate({
"marginLeft":-adHeight * index + "px" //改变 marginTop 属性的值达到轮播的效果
});
$(".num li").removeClass("on") //先把所有的li的on类名移除，再让当前的li添加on类名
.eq(index).addClass("on");
}