仿当当网tab选项卡鼠标滑过自动切换特效

92建站   2021-10-15   收藏本文
tab选项卡,tab自动切换

类型细分:TAB标签

布局形式:传统式

编码格式:UTF8

下载说明:百度盘不限速方法

这套仿当当网tab选项卡鼠标滑过自动切换特效,使用起来效果非常好,鼠标滑过TAB时会自动切换,不会点击的,非常方便,还自带标题效果,在功能上可以说非常的全面,放到模板里面可以直接使用的。

使用方法:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $('#nav>li').mouseenter(function(){
            var idx = $(this).index()
            $(this).siblings().removeAttr('class')
            $(this).attr('class','liShow')
            $('#pic>div').eq(idx).siblings().removeAttr('class')
            $('#pic>div').eq(idx).attr('class','imgShow')
        })
    })
</script>

效果截图:

tab选项卡,tab自动切换

免责声明:本站模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。
展开