jQuery鼠标悬停气泡文字信息切换展示代码

jQuery鼠标悬停气泡文字信息内容切换展示代码,默认文字信息自动切换展示,当鼠标悬停气泡时气泡放大并切换到相应文字信息内容。

JS文件

<script type="text/javascript"> 
$(function(){ 
    $(".superli ul li").mouseover(function(){ 
        $(this).addClass('superhover').siblings().removeClass('superhover'); 
        var index = $(this).index(); 
        number = index; 
        $('.supert').hide(); 
        $('.supert:eq('+index+')').show(); 
    }); 
     
    var auto = 1;  //等于1则自动切换,其他任意数字则不自动切换 
    if(auto ==1){ 
        var number = 0; 
        var maxNumber = $('.superli ul li').length; 
        function autotab(){ 
            number++; 
            number == maxNumber? number = 0 : number; 
            $('.superli ul li:eq('+number+')').addClass('superhover').siblings().removeClass('superhover'); 
            $('.supert:eq('+number+')').show().siblings().hide(); 
        } 
        var tabChange = setInterval(autotab,3000); 
        //鼠标悬停暂停切换 
        $('.superli').mouseover(function(){ 
            clearInterval(tabChange); 
        }); 
        $('.superli').mouseout(function(){ 
            tabChange = setInterval(autotab,3000); 
        }); 
      } 
});     
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录