首先非常感谢网友Ivin的无私分享，这是他分享到JquerySchool网站上的第一个作品，是用jquery仿京东滑动选项卡特效，他在做项目的过程中用到了这种特效，跟以往分享的选择卡特效有点不一样，它是带游标在菜单下面滑动的，而不是直接显示隐藏那种，这种是按图片轮播功能写的，代码很简单，整个功能就10多行，大家好好去看一下吧。。。
jquery代码如下：
$(function(){
var l=0;
$('.navs_li').hover(function(){
$(this).siblings().removeClass('on');
$(this).addClass('on');
var i=$(this).index();
var a1=160*i;
$(".s_line").animate({left:a1},200);
var index = $(".navs_li").index($(this));
$(".item_tab").hide();
$(".item_tab").eq(index).show();
});
})
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
网友Ivin 选项卡 滑动插件 tabs simpleTabs