可实现同页面多个选项卡
效果图:
代码实现:
HTML部分
<div class="main" id="tabs">
<div class="tabDiv">
<a href="/go.html?url=javascript:;" class="on">选项一</a>
<a href="/go.html?url=javascript:;">选项二</a>
<a href="/go.html?url=javascript:;">选项三</a>
</div>
<div class="con">
1111111111111111111111111
</div>
<div class="con">
2222222222222222222222222
</div>
<div class="con">
3333333333333333333333333
</div>
</div>
<div class="main" id="tabs1">
<div class="tabDiv">
<a href="/go.html?url=javascript:;" class="on">选项一</a>
<a href="/go.html?url=javascript:;">选项二</a>
<a href="/go.html?url=javascript:;">选项三</a>
</div>
<div class="con">
1111111111111111111111111
</div>
<div class="con">
2222222222222222222222222
</div>
<div class="con">
3333333333333333333333333
</div>
</div>
<d