精华内容
下载资源
问答
  • JQuery抽奖

    2016-04-12 12:39:22
    JQuery抽奖
  • jQuery抽奖

    2014-03-15 11:36:14
    jQuery圆盘抽奖特效
  • jquery 抽奖

    2014-10-08 18:15:13
    html jquery 实现前后俩个转盘,实现游戏一样的抽奖活动。
  • jquery抽奖

    2018-12-29 08:04:22
    <!DOCTYPE html> <html> <head>  <meta http-equiv="Content-Type"...2018xx互联网公司会抽奖现场</title>  &lt

    <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>2018xx互联网公司会抽奖现场</title>

        <link rel="stylesheet" href="css/index.css"/>

        <script type="text/javascript" src="{{asset}}/jquery-3.1.1.min.js"></script>
        <script type="text/javascript" src="js/easing.js"></script>

    </head>
    <body>
        <!-- 主体盒子-->
        <div class="main-box">
          <!-- 喜迎新年-->
          <div class="title-box">
            <img src="images/pc-titile.png" alt=""/>
          </div>
          <!-- 装饰点缀-->
          <div class="desc-box">
              <img src="images/dianzhui.png" alt=""/>
          </div>        
          <div class="main">
              <!-- 数字背景盒子-->
              <div class="num-bg-box">
                  <!-- 数字盒子-->
                  <div class="num_box">
                      <div class="num"></div>
                      <div class="num"></div>
                      <div class="num"></div>
                      <div class="num"></div>
                      <div class="num"></div>
                      <div class="num"></div>
                      <div class="num"></div>
                      <div class="num"></div>
                      <div class="num"></div>
                      <div class="num"></div>
                      <div class="num"></div>
                  </div>
              </div>
          </div>
        </div>
        <!-- 操作按钮-->
        <div class="btn-box">
            <div class="btn start">开始抽奖</div>
            <div class="btn stop" >停止抽奖</div>
        </div>
        
        <!--js-->
        <script>
        
            var u = 100;
            var n = 1;
            var timer; //定义滚动的定时器
            
            //思路把result变活
            
            var result   = 18912345678; //指定中奖结果,可以抽取指定数组中的某一个
            
            
            //var phonarray= new Array('15142222234','13223455432','13338388888','15490909090','15545645455','15642222234','13723455432','13838388888','15990909090','15090909090');
            
            /*每个人只有3次
            var phonarray= new Array('15142222234','13223455432');
            var phone3=[];
            for(var i=0;i< phonarray.length ;i++){
               phone3[ phonarray[i] ]=0;
            }*/
            
            var isBegin  = false; //标识能否开始抽奖
        
            $(".num").css('backgroundPositionY',200);//开始13888888888
            $(".num").eq(0).css('backgroundPositionY',-100)
            $(".num").eq(1).css('backgroundPositionY',-300)
        
            //执行数字滚动
            function run(){
                n++;
                $(".num").each(function(index){
                    var _num = $(this);
                    _num.animate({
                        backgroundPositionY: ((u+1)*n*(index+1))
                    },100);
        
                });
                timer = window.setTimeout(run,100);
                isBegin = true ;
            }
            
            
            
            $(function(){
                //开始抽奖
                $('.start').click(function(){
                    if(isBegin){
                        return false;
                    }else{
                    
                    
                        //思活:变活
                        //实现,比如10个手机号码,随机抽一个
                        
                        var rand_start=1;
                        var rand_end=phonarray.length+1;
                        //alert(rand_end);
                        var rand=Math.floor(Math.random()*(rand_end-rand_start)+rand_start);
                        result=phonarray[rand-1];
                        
                        //每个人只有1次
                        //phonarray.splice(rand-1,1);
                        
                        //每个人只有3次
                        phone3[result]++;
                        if(phone3[result]>=3){
                           phonarray.splice(rand-1,1);
                        }
                        
                        
                        
                        //$.ajax() 入库
                        
                    
                        run();
                    }
                    
                    
                    
                    
                    
                });
                //停止抽奖
                $('.stop').click(function(){
        
                    var num_arr = (result+'').split('');
        
                    $(".num").each(function(index){
                        var _num = $(this);
                        setTimeout(function(){
                            _num.animate({
                                backgroundPositionY: (u*60) - (u*num_arr[index])
                            },{
                                duration: 500,
                                easing: "easeInOutCirc",
                                complete: function(){
                                    if(index == 10){
                                        isBegin = false;
                                    }
                                }
                            });
                        },100);
                    });
                    window.clearTimeout(timer);
                    isBegin = false ;
                });
            });
        </script>

    </body>
    </html>

    展开全文
  • jquery抽奖制作方形格子抽奖代码 jquery抽奖制作方形格子抽奖代码
  • jquery抽奖代码

    2017-12-08 15:11:04
    该资源为jquery编写的页面抽奖样式,同款jQuery抽奖还有两种不同样式的 如果可以,请帮忙改成0分下载。
  • jquery抽奖案例

    2017-12-08 15:05:59
    该资源为jquery编写的页面抽奖样式,为转盘式样式,同款jQuery抽奖还有两种不同样式的 如果可以,请帮忙改成0分下载。
  • jquery 抽奖 demo

    2015-03-27 23:48:38
    jquery 抽奖 demo
  • jquery抽奖特效.rar

    2020-08-28 14:19:08
    jquery抽奖特效,可自行定义样式,文字,随机抽奖,适合新手学习,jquery抽奖特效,可自行定义样式,文字,随机抽奖,适合新手学习,jquery抽奖特效,可自行定义样式,文字,随机抽奖,适合新手学习
  • jQuery抽奖转盘停不下来
  • JQuery抽奖页面

    2013-09-06 16:56:24
    JQuery抽奖页面: 1、按F5刷新准备页面。 2、按“空格”键开始抽奖 3、再次按“空格”键结束抽奖 4、弹出中奖图片后,按ESC关闭中奖页面
  • 仿QQ音乐jQuery抽奖转盘代码是一款类似QQ音乐的绿色抽奖大转盘特效。
  • 主要介绍了jquery 抽奖小程序的相关资料,这里提供了详细的思路及实现代码和实现效果图,需要的朋友可以参考下
  • jquery 抽奖 转盘 老虎机 自己写的, 很好运用到项目里,用的是UL LI结构
  • 代码简介:红色喜庆jquery抽奖网页特效是一款基于jquery.rotate插件实现的转盘抽奖活动。
  • 一款漂亮的节日抽奖网页特效,jQuery抽奖转盘代码,可键盘控制旋转,背景动画为红包雨落下,还可以调整速度。
  • 仿QQ音乐jQuery抽奖转盘代码是一款类似QQ音乐的绿色抽奖大转盘特效。
  • jQuery抽奖转盘制作幸运大转盘抽奖活动代码
  • 红色喜庆jquery抽奖网页特效是一款基于jquery.rotate插件实现的转盘抽奖活动。
  • Html+css+Jquery实现的jQuery抽奖游戏机代码,亲自编写,在谷歌浏览器下亲测可玩,效果非常不错哦,更多精彩请下载查看
  • 代码简介:仿QQ音乐jQuery抽奖转盘代码是一款类似QQ音乐的绿色抽奖大转盘特效。
  • 一大堆红包下落jQuery抽奖代码
  • 兼容性较好的jQuery抽奖大转盘特效代码,基于jQuery插件rotate.js实现图片旋转,纯JS随机实现 如果要结合后台实现概率、奖品抽奖,可以通过Ajax实现获取后台数据判断。
  • jquery抽奖功能开发

    2020-12-31 16:18:13
    <!... <... <head> ...meta charset="UTF-8">...03-jquery抽奖功能</title> <script src="js/jquery-3.5.1.min.js"></script> <style> .left{float: left;} .r.
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>03-jquery抽奖功能</title>
        <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
        <style>
            .left{float: left;}
            .right{float: right;}
        </style>
    </head>
    <body>
    <div id="content">
        <div class="left">
            <div class="list">
                <img src="https://qq.yh31.com/tp/zjbq/201711101610232749.gif" alt="">
            </div>
            <div class="button">
                <input type="button" value="开始抽奖" class="startButton">
                <input type="button" value="暂停" class="stopButton">
            </div>
        </div>
        <div class="right">
            <div class="show" style="display: none;">
                <img src="" alt="">
            </div>
        </div>
    </div>
    <script>
        $(function () {
            // 奖品列表
            var list = [
                'https://qq.yh31.com/tp/zjbq/201711101610232749.gif',
                'https://qq.yh31.com/tp/zjbq/201711101610225087.gif',
                'https://qq.yh31.com/tp/zjbq/201711101610212886.gif',
                'https://qq.yh31.com/tp/zjbq/201711101610220465.gif',
                'https://qq.yh31.com/tp/zjbq/201711101610220607.gif',
                'https://qq.yh31.com/tp/zjbq/201711101610227695.gif',
                'https://qq.yh31.com/tp/zjbq/201711101610237959.gif',
                'https://qq.yh31.com/tp/zjbq/201711101610242063.gif',
                'https://qq.yh31.com/tp/zjbq/201711101610242858.gif',
            ];
    
            // 定义一个定时器的变量
            var interval;
    
            // 为开始抽奖按钮绑定单击事件
            $('.startButton').on('click', function () {
                // 置灰当前按钮不可点击
                $(this).prop('disabled', 'false');
    
                // 移除暂停按钮的不可点击属性
                $('.stopButton').removeAttr('disabled');
    
                // 清空.show > img的src
                $('.show > img').prop('src', '');
    
                $('.show').css('display', 'none');
    
                // 从list中随机获取奖品
                interval = setInterval(function () {
                    var number = parseInt(Math.random() * 9);
                    $('#content > .left > .list > img').prop('src', list[number]);
                } ,100);
            });
    
    
            // 为暂停按钮绑定单击事件
            $('.stopButton').on('click', function () {
                // 置灰当前按钮不可点击
                $(this).prop('disabled', 'false');
    
                // 移除开始抽奖按钮的不可点击属性
                $('.startButton').removeAttr('disabled');
    
                // 循环定时器停止
                clearInterval(interval);
    
                // 获取.left > img的图片路径
                var src = $('#content > .left > .list > img').prop('src');
    
                // 将图片路径设置到.right > img
                $('.show > img').prop('src', src);
    
                // 显示.right > img
                $('.show').show(1000);
            });
        });
    
    </script>
    </body>
    </html>

     

    展开全文
  • 一大堆红包下落jQuery抽奖代码是一款节日抽奖转盘特效,可键盘控制旋转,背景为红包雨,图片可以更改,调整速度。
  • java+Jquery抽奖大转盘(完整版),包括jsp,jquery,java,实现大转盘抽奖发放。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,189
精华内容 1,275
关键字:

jquery抽奖