选项卡jq

1.无定时器

$(function(){
$('.banner-point li').on('click',function(){
$(this).addClass('active').siblings().removeClass('active');
$('.banner-ul li').siblings().hide().eq($(this).index()).show();
})
})

2.带定时器

$(function(){
    var oDiv=$('.banner');
    var oUl=$('.banner-ul li');
    var oPoint=$('.banner-point li');
    var now=0;
oPoint.click(function(){
   now=$(this).index();
   tab();
});
var timer=setInterval(next,1000);
oDiv.hover(function(){
    clearInterval(timer);
   },function(){
    timer=setInterval(next,1000);
});
function next(){
   now++;
   now%=oPoint.length;
   tab();
}
function tab(){
   oPoint.each(function(index, element) {
      $(element).removeClass('active');
      oUl.eq(index).removeClass('cur');
  });
  oPoint.eq(now).addClass('active');
     oUl.eq(now).addClass('cur');
 }
});