jQuery炫酷名字闪烁随机点名代码免费下载

一款实用的jQuery炫酷名字闪烁随机点名代码,点击开始点名,多组排列好的名字闪烁随机选中一个名字高亮突出显示。

JS代码

<script type="text/javascript"> 
$(function() { 
    var j = 0; 
    $(document).on('selectstart', function() { 
        return false 
        }) 
        var timer, 
        n = 0 
        $('.box p').on('click', function() { 
        if (j == 0) { 
            j = 1; 
            $(".but").html("点名中"); 
            timer = setInterval(function() { 
                n++ 
         
                $('.box div').each(function(k, v) { 
         
                    $('.box div').eq(k).css({ 
                        'background': color(), 
                        'color': color() 
                    }) 
                }) 
                console.log(n) 
                if (n >= 20) { 
         
                    clearInterval(timer) 
                    j = 0; 
                    $(".but").html("开始点名"); 
                    n = 0 
                    $('.box div').css({ 
                        'background': 'orangered', 
                        'color': 'white' 
                    }) 
                    $('.box div').eq(name()).css({ 
                        'background': 'white', 
                        'color': 'blueviolet' 
                    }) 
                } 
            }, 100) 
        } 
    }) 
 
    /*随机索引号,需要改的就直接改数字,多少人就改成多少个*/ 
    function name() { 
        return Math.floor(Math.random() * 24) 
    } 
    /*随机的颜色封装函数*/ 
    function color() { 
        var r = Math.floor(Math.random() * 256) 
        var g = Math.floor(Math.random() * 256) 
        var b = Math.floor(Math.random() * 256) 
        return 'rgb(' + r + ',' + g + ',' + b + ')' 
    } 
}) 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录