首页 > 前端特效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资源合集

  • 作品
  • 素材
  • ued
  • 资源
  • 前端工程师
  • Asp网页培训班
  • jquery培训班
  • 北京网站制作
  • logo设计培训班
  • 做网站常用代码