zoukankan      html  css  js  c++  java
  • jq 抽奖

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    <style>
    ul{ 328px;}
    li{ 100px; height:100px; border:1px #000 solid; float:left; margin-left:5px; list-style:none;}
    .active{ background:red;}
    </style>
    <script src="jquery-1.11.1.js"></script>
    <script>
    $(function(){
        
        var iNow = 0;
        
        $('input').click(function(){
            var step = parseInt(Math.random() * 20 + 5);
            var timer = setInterval(function(){
                $('li').attr('class','');
                $('li').eq(iNow).attr('class','active');
                iNow++;
                step--;
                if(step==0){
                    clearInterval(timer);
                    alert( '您抽到了:' + $('li[class=active]').html() );
                }
                if(iNow == $('li').length){
                    iNow = 0;
                }
            },100);
            
            $()
            
        });
        
    });
    </script>
    </head>
    
    <body>
    <input type="button" value="抽奖">
    <ul>
        <li>1等奖</li>
        <li>2等奖</li>
        <li>3等奖</li>
        <li>4等奖</li>
        <li>5等奖</li>
        <li>6等奖</li>
        <li>7等奖</li>
        <li>8等奖</li>
        <li>9等奖</li>
    </ul>
    </body>
    </html>
  • 相关阅读:
    jar包和war包的区别:
    tail
    redis
    查看Linux操作系统版本
    CentOS 7.0 systemd代替service
    周刊(三月最后一期)
    周刊第四期
    周刊第三期
    周刊第二期
    周刊(第一期)
  • 原文地址:https://www.cnblogs.com/webskill/p/4433215.html
Copyright © 2011-2022 走看看