首页 > js外包代码 > jquery经典自动轮播选项卡代码

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切换书签制作教程大全

原文地址:http://www.35ui.cn/post/201502020.3.html

标签jquery选项卡自动轮播

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

或许你还对下面的文章感兴趣