用slider写选项卡
官方的例子中js部分挺坑的,需要给每一个选项绑定事件,代码量太大,最后会给出参考代码。下面是改进的一个示例
HTML部分:
<div class="public-left">
<div class="public-choose">
<div class="top-nav">
<ul class="nav-ul2">
<li class="top-word active" id="btn00">最新公开</li>
<li class="top-word" id="btn11">政策文件</li>
<li class="top-word" id="btn22">政策解读</li>
</ul>
</div>
<div class="line-box2">
<div class="active-line"></div>
<div class="active-line active-line2 active1"></div>
<div class="active-line active-line3 active1"></div>
</div>
<div class="swiper-container" id="new-swiper3">
<div class="swiper-wrapper bottom-nav2">
<div class="swiper-slide">
<div class="slider-word">
<ul>
<li class="right-word"