jquery经典自动轮播选项卡代码

  //焦点图
  var len  = $(".foucs_menu .s_num li").length;
  var index = 1;
  var adTimer;
  $(".foucs_menu .s_num li").mouseover(function(){
  index  =   $(".foucs_menu .s_num li").index(this);
  showImg(index);
  }); 

  //滑入 停止动画，滑出开始动画.
  $('.foucs').hover(function(){
    clearInterval(adTimer);
   },function(){
    adTimer = setInterval(function(){
       showImg(index)
    index++;
    if(index==len){index=0;}
     } , 4000);
  }).trigger("mouseleave");
    
  
// 通过控制top ，来显示不同的幻灯片
function showImg(index){
       $('.foucs_menu .s_num li').eq(index).addClass('on').siblings('.foucs_menu .s_num li').removeClass('on');
    $('.foucs li').hide();
       $('.foucs li').eq(index).fadeIn();
}
 

左右带箭头自动切换代码

js+jquery tab切换书签制作教程大全

上一条： 左右带箭头自动切换代码
下一条： 2013年度最强AngularJS资源合集