<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.bootcss.com/Swiper/4.5.1/css/swiper.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/Swiper/4.5.1/js/swiper.min.js"></script>

</head>

<body>

    <!-- 分享功能代码 -->
    <h3>分享功能代码</h3>
    <!-- 分享代码网站http://www.bshare.cn/moreStyles -->
    <div class="bshare-custom icon-medium-plus">
        <div class="bsPromo bsPromo2"></div>
        <a title="分享到" href="http://www.bShare.cn/" id="bshare-shareto" class="bshare-more">分享到</a>
        <a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a>
        <a title="分享到QQ好友" class="bshare-qqim" href="javascript:void(0);"></a>
        <a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a>
        <a title="分享到i贴吧" class="bshare-itieba" href="javascript:void(0);"></a>
        <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
    </div>
    <script type="text/javascript" charset="utf-8"
        src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
    <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
    <!-- 分享功能代码 -->

    <div id="abox"></div>
    <style>
        #abox {
            display: flex;
            width: 1200px;
            margin: 0 auto;
        }
    </style>
    <script>
        $(".formTabCntIdHover").hide();
        $(".formTabCntIdHover").eq(0).show();
        $(".sub_nav_list").click(function () {
            var index = $(this).index();
            console.log(index)
            $(this).addClass('formTabMiddleHover').siblings('.sub_nav_list').removeClass('formTabMiddleHover');
            $(".formTabCntIdHover").eq(index).show().siblings('.formTabCntIdHover').hide();

        });
    </script>
</body>

</html>

免责申明:

1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。

学习交流联系

立即查看 了解详情