如何通过js实现tab切换效果

JavaScript013

如何通过js实现tab切换效果,第1张

设置每个Tab 的点击事件

$(".select-type").click(function(){

$("div[data-select-type]").css("visibility","hidden")//先把所有的Tab隐藏

$(this).css("visibility","visible")//显示当前的tab

})

1、用绝对定位。把所有tab选项卡重叠放到一个位置,显示其中一个的同时,隐藏其他的

2、用浮动。所有tab选项卡放到同一行,设置左浮动,把选项卡的父级设置溢出隐藏和相对定位,监听点击事件判断要切换到哪个选项卡,进行偏移。