js点击后进入到另一个页面的TAB选项中

https://blog.csdn.net/qq_36538012/article/details/88052982






<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    </head>

    <body>

<div class="c_5" style="width: 1200px;"> <div class="c_7 fl" id="f_j" style="width: 1200px;"> <div class="d_6"> <div class="c_39 b1 fl">企业介绍</div> <div class="c_39 b2 fl">培训&nbsp·&nbsp发展</div> <div class="c_39 b3 c_40 fl">联系我们</div> </div> </div> </div>


<div class="aa_aaq"> <!--企业介绍开始--> <div class="box d_8 a1" style="display: none;"> 1111111111111111111111111 </div> <!--企业介绍结束--> <!--培训发展开始--> <div class="box d_8 a2" style=" display: none; padding-bottom: 0px!important;"> 22222222222222222222222222 </div> <!--培训发展结束--> <!--联系我们开始--> <div class="box d_8 a3"> 333333333333333333333333333 </div> <!--联系我们结束--> </div> <script> $(function() { $(".c_39").click(function() { var i = $(this).index(); $(".d_8").hide(); if(i == 0) { $(this).addClass("c_40").siblings().removeClass('c_40'); $(".a1").show(); } if(i == 1) { $(this).addClass("c_40").siblings().removeClass('c_40'); $(".a2").show(); } if(i == 2) { $(this).addClass("c_40").siblings().removeClass('c_40'); $(".a3").show(); } }) $("#ppgk").click(function() { $(".b1").addClass("c_40").siblings().removeClass('c_40'); $(".a1").show(); }); $("#lxwm").click(function() { $(".b3").addClass("c_40").siblings().removeClass('c_40'); $(".a3").show(); }); }) //获取 被访问时的 url var ur = window.location.href; console.log(ur); // 获取该url = 后面的数字 (id) var type = ur.split('#')[1]; console.log(type); $(".d_6 div").eq(type - 3).addClass("c_40").siblings().removeClass('c_40'); $(".aa_aaq div").eq(type - 3).show(); </script> <!--内容结束--> </body> </html>

 

posted @ 2020-02-17 23:57  mengqiaini  阅读(361)  评论(0编辑  收藏  举报