// JavaScript Document $(function(){ //除了第一张其余隐藏 $(".imgchange img:gt(0)").hide(); var num=$(".imgchange img").length; //循环读取出页码 var i; for(i=1;i<=num;i++) { $(".imgchange p").append(""); } //给页码1添加current样式 $(".imgchange p span:first").addClass("current"); //鼠标经过页码 $(".imgchange p span").mouseover(function(){ $(this).addClass("current").siblings().removeClass("current"); //获取当前页码的所引值 index=$(this).index(); $(".imgchange img").eq(index).stop(true,true).fadeIn().siblings("img").hide() }) //--------------------自动切换知识点-------------------- //使用trigger模拟用户的鼠标经过操作 //隔n秒钟执行一次触发 setInterval(function(){},1000) //触发当前页的下一页 int=setInterval(function(){ //获得当前页的索引值,自动触发下一页的mouseover事件 indexCurrent=$(".current").index("span"); //判断一下当前页是否是最后一页 if(indexCurrent+1==num){ index1=0; } else{ index1=indexCurrent+1; } $("span").eq(index1).trigger("mouseover"); },3000); //当鼠标经过图片时,大图显示 $(".imgchange img").mouseover(function(){ clearInterval(int); }).mouseout(function(){ int=setInterval(function(){ //获得当前页的索引值,自动触发下一页的mouseover事件 indexCurrent=$(".current").index("span"); //判断一下当前页是否是最后一页 if(indexCurrent+1==num){ index1=0; } else{ index1=indexCurrent+1; } $("span").eq(index1).trigger("mouseover"); },3000);}); })/*banner/*/