阅读背景:

原生JS 选项卡代码实现

来源:互联网 

可实现同页面多个选项卡

效果图:

代码实现:

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



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: