Jquery轮播图

//04首页大屏广告效果 -->
//默认效果：$("#jnImageroll div a").css("opacity","0.7");
//1、整体思路a：鼠标移入广告位则静止轮播效果，移出则继续轮播展示广告图，且下标跟随选中效果；
//2、整体思路b：鼠标移入广告位某一下标则展示其对应的轮播图，则下标跟随选中效果；
//3、共同点：下标和轮播图对应展示，即选中第几个下标展示第几个轮播图
//4、代码a：鼠标移入下标即#jnImageroll div下的a标签时，则获取其在所有a标签中的索引值，
//并展示其对应的广告图,并在方法加载完后直接触发mouseleave事件
//5、代码c：如何展示索引值为N的广告图，找到#JS_imgWrap下索引值为N的img标签，做淡入效果，其余淡出，
//移除chos样式且透明度opacity设置为0.7，将索引值为N的下标的样式设置为chos且透明度opacity为1
//6、代码b：鼠标移入广告位即#jnImageroll的DIV时，则清除定时器；鼠标移出则设置定时器，
//定时器中设定每5000毫秒展示某张广告图，从索引值为0开始展示到最后一张，则再轮回到第1张展示
$("#jnImageroll div a").css("opacity", "0.7");

function changeAds(index) {
$("#JS_imgWrap").find("img").eq(index).fadeIn().siblings().fadeOut();
$("#jnImageroll div a").removeClass("chos").css("opacity",0.7)
.eq(index).addClass("chos").css("opacity",1);
}
$("#jnImageroll div a").mouseover(function(){
//获取索引值
var i=$(this).index();
changeAds(i);
}).eq(0).mousemove();
var timer;
var i=0;
$("#jnImageroll").hover(function(){
clearImmediate(timer)
},function(){
timer=setInterval(function(){
changeAds(i);
i=i+1;
if(i==5){
i=0;
}
},2000)
}).trigger("mouseleave");