4款jQuery响应式tab选项卡切换特效【原创

来源:https://www.sucaihuo.com/js/2096.html 2017-06-03 20:04浏览(1177) 收藏

4款jQuery响应式tab选项卡切换特效,酷炫的网页选项卡切换效果,垂直选项卡代码。
4款jQuery响应式tab选项卡切换特效
查看演示 下载资源 下载积分: 30 积分

js代码

<script type="text/javascript">

        $(document).ready(function() {

            var widget = $('.tabs-basic');

            var tabs = widget.find('ul a'),
                content = widget.find('.tabs-content-placeholder > div');

            tabs.on('click', function (e) {

                e.preventDefault();

                // Get the data-index attribute, and show the matching content div

                var index = $(this).data('index');

                tabs.removeClass('tab-active');
                content.removeClass('tab-content-active');

                $(this).addClass('tab-active');
                content.eq(index).addClass('tab-content-active');

            });

        });

    </script>
标签: tab选项卡
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/2096.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2