$(function(){  var $spans=$("#switch span");  $spans.click(function(){  　　$(this).addClass('current').siblings().removeClass('current');   var index=$spans.index(this);      //$("#content .detail").eq(index).show().siblings().hide();   //$("#fr .bar").eq(index).show().siblings().hide();  })       $spans.mouseover(function(){   var index=$spans.index(this);   var cName=$(this).attr("class");   if(cName!="current"){    if(index==0){     $('.line').animate({'left':'0px'},300);    }else{     $('.line').animate({'left':'150px'},300);    }   }      })  $spans.mouseout(function(){   var index=$spans.index(this);   var cName=$(this).attr("class");   if(cName!="current"){    if(index==0){    $('.line').animate({'left':'150px'},300);    }else{    $('.line').animate({'left':'0px'},300);    }  　　 }        }) }）

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联的支持。

分享题目：利用jquery怎么实现一个tab选项卡切换效果
分享链接：http://www.wjwzjz.com/article/jioecs.html