<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1">
<title>类别</title>
<link rel="stylesheet" type="text/css" href="reset.css"/>
<link rel="stylesheet" type="text/css" href="base.css"/>
<link rel="stylesheet" type="text/css" href="sort.css"/>
<script type="text/javascript" src="common.js"></script>
</head>
<body>
<div class="entire">
<div class="header">
<div class="header_con">
<div class="search">
请输入内容查找
</div>
</div>
</div>
<div class="select_box">
<div class="select1 select_active" id="one_class">
类别一
</div>
<div class="select2" id="two_class">
类别二
</div>
</div>
<!--类别一-->
<div class="testing_one" style="display: block;">
<div class="tab">
<ul class="tab_ul">
<li class="tab_active">
<a href="#111" data-href="111">
内容一
</a>
</li>
<li>
<a href="#222" data-href="222">
内容二
</a>
</li>
<li>
<a href="#333" data-href="333">
内容三
</a>
</li>
<li>
<a href="#444" data-href="444">
内容四
</a>
</li>
<li>
<a href="#555" data-href="555">
内容五
</a>
</li>
</ul>
</div>
<div class="tab_list">
<div class="one_banner">
<img src="img/sort_banner.png"/>
</div>
<div class="tab_con" data-nav="111" id="aaa">
<div class="tab_con_tit">内容一</div>
<ul class="tab_con_ul">
<a href="product_list.html"><li>二级分</li></a>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
</ul>
</div>
<div class="tab_con" data-nav="222">
<div class="tab_con_tit">内容二</div>
<ul class="tab_con_ul">
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
</ul>
</div>
<div class="tab_con" data-nav="333">
<div class="tab_con_tit">内容三</div>
<ul class="tab_con_ul">
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
</ul>
</div>
<div class="tab_con" data-nav="444">
<div class="tab_con_tit">内容四</div>
<ul class="tab_con_ul">
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
</ul>
</div>
<div class="tab_con" data-nav="555">
<div class="tab_con_tit">内容五</div>
<ul class="tab_con_ul">
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
<li>二级分</li>
<li>二级分类</li>
<li>二级类</li>
<li>二类</li>
<li>二级分类</li>
<li>二级分</li>
</ul>
</div>
</div>
</div>
<!--类别二-->
<div class="testing_two" style="display: none;">
xxxxx
</div>
<div class="footer">
<a href="../../page/service/service.html">
<img src="img/service.png" >
<span>服务</span>
</a>
<a href="sort.html">
<img src="img/sort_active.png" >
<span>类别</span>
</a>
<a href="../../page/forum/forum.html">
<img src="img/forum.png" >
<span>论坛</span>
</a>
<a href="../../page/my/my.html">
<img src="img/my.png" >
<span>我的</span>
</a>
</div>
</div>
<script src="jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="common.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascr
h5左右联动.zip
1星 需积分: 0 47 浏览量
2020-11-23
11:52:58
上传
评论
收藏 218KB ZIP 举报 
h5左右联动.zip （16个子文件） 
h5左右联动 
sort.css 3KB jquery-3.1.1.min.js 85KB img 
forum.png 2KB sort_active.png 3KB sort_banner.png 166KB search.png 1KB service.png 2KB service_active.png 2KB my_active.png 2KB forum_active.png 3KB sort.png 2KB my.png 1KB base.css 1KB
sort.html 10KB reset.css 2KB common.js 505B
评论1