简易轮播图切换

    
    
    
    
    
    
    
    
      
    
    
    
             
         一款助你笑对”新高考”轻松选名校的免费应用
    
             
         
    
         高校信息
    
         聚合2600余所高校信息
    
         
    
     
    
         大学专业 深度解析
    
         近百位知名教授深度解析高校热门专业，助力考生掌握专业内涵，知晓就业前景。
    
         
    
         
    
         升学途径 全面掌握
    
         重点高校招生负责人视频解读自主招生、艺考等各类招生政策，给与考生官方、权威的升学指导！
    
         
    
    
    
    
    
IOS下载
    
安卓下载
    
    
    
    
    
    
    
    
    
    
 
    
    

$(function(){    
$('.runcon').eq(0).fadeIn();    
//点点关联    
function point(index){    
$('.downpoint').find('li.active').removeClass('active');    
$('.downpoint').find('li').eq(index).addClass('active');    
}    
//切换    
function tabchange(index){    
$('.runcon.show').removeClass('show');    
$('.runcon').eq(index).addClass('show');    
var num = -(index * 1024 )+'px';    
$('.runimgbox').animate({left:num},401);    
}    
var timeoutflag;    
function tabchange2(index){    
$('.titlebox li.show').removeClass('show').fadeOut();    
var newindex = index;    
clearTimeout(timeoutflag);    
timeoutflag = null;    
timeoutflag=setTimeout(function(){    
$('.titlebox li').eq(newindex).addClass('show').fadeIn();    
},401);    
}    
//右切换效果    
$('.next').on('click',function(event){    
event.preventDefault();    
var index = $('.runcon.show').index();    
index++;    
if(index!=$('.runcon').length){    
tabchange(index);    
tabchange2(index)    
point(index);    
}else{    
//alert('已经是最后一页了');    
}    
});    
//左切换效果    
$('.prev').on('click',function(event){    
event.preventDefault();    
var index = $('.runcon.show').index();    
index--;    
if(index!=-1){    
tabchange(index);    
tabchange2(index)    
point(index);    
}else{    
//alert('已经是第一页了');    
}    
});    
 $('.downpoint').on('click','li',function(){    
 var index = $(this).index();    
 tabchange(index);    
 tabchange2(index);    
 $(this).siblings('.active').removeClass('active');    
 $(this).addClass('active');    
 });    
});

详见网页https://www.eol.cn/e_gx/zhuanti/gaokao/