Html
    Css
    Js

    
                        
.tab-g {
	border-bottom:0;
	height:36px;
}
.tab-g li {
	list-style:none;
	float:left;
	height:34px;
	margin-right:20px;
	color:#909090;
	line-height:34px;
	text-align:center;
	cursor:pointer;
}
.tab-g li.active-gn {
	color:#50B400;
	border-bottom:3px solid #50B400;
}
.bottom .products {
	height:476px;
}
.bottom .products .main-gn {
	display:none;
}
.bottom .products .main-gn.selected-gn {
	display:block;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

极简单的tap切换(原创)

全在一个页面中,直接拷贝即可

3
      小阿倩0
      2017/9/2 13:26:21

      手机端可以用吗

          涛声依旧0
          2017/9/6 8:15:52

          可以啊,都是通用的,注意一定要引jquery

      回复
      涛声依旧0
      2017/3/31 8:33:59