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

    2020-10-20 18:06:28
    <!... charset=utf-8" /> 幸运转盘游戏</title> <style type="text/css"> #lottery{width:574px;height:584px;margin:20px auto 0;... <html> <head> 抽奖结果</title> </head> <body > 芒果蛋糕</p> </body> </html>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>幸运转盘游戏</title>
    <style type="text/css">
    #lottery{width:574px;height:584px;margin:20px auto 0;background:url(images/bg.jpg) no-repeat;padding:50px 55px;}
    #lottery table td{width:142px;height:142px;text-align:center;vertical-align:middle;font-size:24px;color:#333;font-index:-999}
    #lottery table td a{width:284px;height:284px;line-height:150px;display:block;text-decoration:none;}
    #lottery table td.active{background-color:#9c290c;}
    
    </style>
    
    </head>
    <body>
    <div id="lottery">
        <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td class="lottery-unit lottery-unit-0"><img alt="草莓蛋糕" src="images/logo/1.png"></td>
            <td class="lottery-unit lottery-unit-1"><img alt="草莓甜甜圈" src="images/logo/2.png"></td>
            <td class="lottery-unit lottery-unit-2"><img alt="抹茶甜甜圈" src="images/logo/4.png"></td>
            <td class="lottery-unit lottery-unit-3"><img alt="巧克力甜甜圈" src="images/logo/3.png"></td>
        </tr>
        <tr>
            <td class="lottery-unit lottery-unit-11"><img alt="芒果蛋糕" src="images/logo/7.png"></td>
            <td colspan="2" rowspan="2"><a href="#"></a></td>
            <td class="lottery-unit lottery-unit-4"><img alt="甜甜圈" src="images/logo/5.png"></td>
        </tr>
        <tr>
            <td class="lottery-unit lottery-unit-10"><img alt="草莓蛋糕" src="images/logo/1.png"></td>
            <td class="lottery-unit lottery-unit-5"><img alt="巧克力蛋糕" src="images/logo/6.png"></td>
        </tr>
        <tr>
            <td class="lottery-unit lottery-unit-9"><img alt="草莓甜甜圈" src="images/logo/3.png"></td>
            <td class="lottery-unit lottery-unit-8"><img alt="巧克力蛋糕" src="images/logo/6.png"></td>
            <td class="lottery-unit lottery-unit-7"><img alt="抹茶蛋糕" src="images/logo/8.png"></td>
            <td class="lottery-unit lottery-unit-6"><img alt="芒果蛋糕" src="images/logo/7.png"></td>
        </tr>
        </table>
    </div>
    <div style="text-align: center;margin:50px 0;font: normal 14px/24px 'MicroSoftYaHei';">
        <p>恭喜:你抽到了"<label id="result"></label>"</p>
    </div>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/game.js"></script>
    
    
    
    
    </body>
    </html>
    
    //转盘变量
    var lottery={
        index:-1,//起点位置
        count:0,//总共有多少个位置
        timer:0,//setTimeout的ID,用clearTimeout清除
        speed:20,//转动速度
        times:0,//转动次数
        cycle:50,//基本转动次数,至少需要转动多少次再进入抽奖环节
        prize:-1,//中奖位置
        init:function(id)
        {
            if($("#"+id).find(".lottery-unit").length>0)
            {
                $lottery=$("#"+id);
                $units=$lottery.find(".lottery-unit");
                this.obj=$lottery;
                this.count=$units.length;
                $lottery.find(".lottery-unit-"+this.index).addClass("active");
            };
        },
        roll:function()
        {
            var index=this.index;
            var count=this.count;
            var lottery=this.obj;
            $(lottery).find(".lottery-unit-"+index).removeClass("active");
            index+=1;
            if(index>count-1)
            {index=0;};
            $(lottery).find(".lottery-unit-"+index).addClass("active");
            this.index=index;
            return false;
        },
        stop:function(index)
        {
            this.prize=index;
            if(this.prize==6||this.prize==11)
           {window.location="test.html";}
         
            var tem=$(".lottery-unit-"+index).find("img").attr("alt");
            $("#result").html(tem);
          
            return false;
        }
    
    }
    //转动过程
    function roll()
    {
        lottery.times+=1;
        lottery.roll();
        if(lottery.times>lottery.cycle+10 &&lottery.prize==lottery.index)
           {
               clearTimeout(lottery.timer);
               lottery.stop(lottery.index)
               lottery.prize=-1;
               lottery.times=0;
               click=false;
           }
        else
        {
            if(lottery.times<lottery.cycle)
            {
                lottery.speed-=10;
            }
            else if(lottery.times==lottery.cycle)
            {
                var index=Math.random()*(lottery.count)|0;
                lottery.prize=index;
            }
            else 
            {
                if(lottery.times>lottery.cycle+10 &&( (lottery.prize==0 &&lottery.index==7)||lottery.prize==lottery.index+1))
                {
                    lottery.speed+=110;
                }
                else
                {
                    lottery.speed+=20;
                }
            }
            if(lottery.speed<40)
            {
                lottery.speed=40;
            };
            lottery.timer=setTimeout(roll,lottery.speed);
        }
        return  false;
    }
    //点击事件
    var click=false
    window.onload=function()
    {
        this.lottery.init("lottery");//初始化转盘
        $("#lottery a").click(function()//响应点击事件
        {
            if(click)
            {
                return false;//转动过程中屏蔽按钮
            }
            else
            {
                lottery.speed=100;
                roll();
                click=true;//转动结束后恢复点击
                return false;
    
            }
    
        });
    };
    
    <html>
    <head>
        <title>抽奖结果</title>
    </head>
    <body >
       <p>芒果蛋糕</p>
    </body>
    </html>
    
    展开全文
  • 网页抽奖插件,抽奖转盘程序

    千次下载 热门讨论 2011-11-24 19:30:57
    请大家注意,网页抽奖是面对N多个用户同时自助抽奖的,奖品数量有可能在用户打开网页后,其它用户也在抽奖,故奖品数量在动态变化的; 6、可以按商家自己需求更换或设计不同的转盘背景,转盘指针,开始按钮等,...
  • js实现网页抽奖实例

    2020-10-23 20:02:13
    主要介绍了js实现网页抽奖的方法,实例分析了javascript随机数及时间函数的相关使用技巧,非常简单实用,需要的朋友可以参考下
  • 新年网页抽奖程序,新年网页抽奖程序,新年网页抽奖程序
  • 一个网页抽奖源码

    2016-02-22 14:46:20
    一个完美的网页抽奖代码,使用javascript编写,有需要的可下载进行重新编写成为自己的代码,为自己的网页增加乐趣。
  • 本文实例讲述了js实现网页抽奖的方法。分享给大家供大家参考。具体如下:这段网页抽奖程序,基于javascript代码实现,简单的演示如何使用JS来实现抽奖功能,点击“开始抽奖”按钮,程序即开始抽奖了,需要停止的时候...

    本文实例讲述了js实现网页抽奖的方法。分享给大家供大家参考。具体如下:

    这段网页抽奖程序,基于javascript代码实现,简单的演示如何使用JS来实现抽奖功能,点击“开始抽奖”按钮,程序即开始抽奖了,需要停止的时候按“停止”,以前发过类似的抽奖程序有几个了,有兴趣的自己在本站网页特效栏目搜索“抽奖”看下。

    运行效果如下图所示:

    375e2a0e82cff9a2b46a22c8e28bf626.png

    具体代码如下:

    抽奖程序

    var randNum=Math.random()*10;

    function testTime(){

    document.getElementById("testtime").innerHTML="

    "+Math.floor(Math.random()*10)+"

    ";

    }

    function setTime(mark){

    timer=null;

    timer=setInterval(testTime,12);

    if(mark=='stop'){

    clearInterval(timer);

    }

    return timer;

    }

    function clearTime(timer){ }

    开始抽奖

    停止

    希望本文所述对大家的javascript程序设计有所帮助。

    展开全文
  • 简单的html网页抽奖,利用js特性来抽取名单。0.0//声明一个数据装住待抽奖的名单var name=new Array("谢明雪","李永岩","何群杰","覃娇","杨启宇","叶凯","黄初欢","陈倍","李春华","刘承发");var numb=1;//抽到的...

    简单的html网页抽奖,利用js特性来抽取名单。

    0.0

    //声明一个数据装住待抽奖的名单

    var name=new Array("谢明雪","李永岩","何群杰","覃娇","杨启宇","叶凯","黄初欢","陈倍","李春华","刘承发");

    var numb=1;//抽到的先后顺序

    //一个开始的方法

    function start(){

    //产生一个随机数,最大不超过数组长度

    var num=parseInt(Math.random()*name.length);

    //在div2显示抽中的名单

    div2.innerHTML+=numb+name[num];

    //把已抽到的名单从数组中移除

    name.splice(num,1);

    numb++;

    //判断如果已经抽完,禁用抽奖控件     if(name.length==0){      play.disabled="false";     }    }      

      start  
      

    参加抽奖名单:

            谢明雪、李永岩、何群杰、覃娇、杨启宇、叶凯、黄初欢、陈倍、李春华、刘承发      

    得奖排名:

      
    展开全文
  • html网页抽奖

    千次阅读 2013-08-27 20:32:29
    简单的html网页抽奖,利用js特性来抽取名单。  0.0    //声明一个数据装住待抽奖的名单  var name=new Array("谢明雪","李永岩","何群杰","覃娇","杨启宇","叶凯","黄初欢","陈倍","李春华","刘承发");  ...

    简单的html网页抽奖,利用js特性来抽取名单。

    <html>
    <head>
    <META HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312">
      <title>0.0</title>
      <script>
       //声明一个数据装住待抽奖的名单
       var name=new Array("谢明雪","李永岩","何群杰","覃娇","杨启宇","叶凯","黄初欢","陈倍","李春华","刘承发");
       var numb=1;//抽到的先后顺序
      

    //一个开始的方法
       function start(){

    //产生一个随机数,最大不超过数组长度
        var num=parseInt(Math.random()*name.length);
    //在div2显示抽中的名单
        div2.innerHTML+=numb+name[num];

    //把已抽到的名单从数组中移除
        name.splice(num,1);
        numb++;

    //判断如果已经抽完,禁用抽奖控件
        if(name.length==0){
         play.disabled="false";
        }
       }
       
      </script>
    </head>
    <body>
      <button οnclick="start()" id="play">start</button>
      <div style="width:350px;height:350px;border:3px solid black;">
       <h4>参加抽奖名单:</h4>
       <lable>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;谢明雪、李永岩、何群杰、覃娇、杨启宇、叶凯、黄初欢、陈倍、李春华、刘承发</lable>
      
       <h4>得奖排名:</h4>
       <div id="div2" style="width:344px;height:180px;border:3px solid black"></div>
      </div>
    </body>
    </html>

    展开全文
  • 转盘网页抽奖代码

    2018-08-22 17:08:03
    年会,活动抽奖网页模板
  • 一个FLASH网页抽奖程序,后台功能需要运行于ASP环境,有ASP环境的,可将源码直接上传到服务器即可使用。转盘式抽奖程序,需要抽奖者先注册登录后才能转动转盘抽奖。  这个ASP抽奖系统后台管理路径/admin/login.asp...
  • 看到CSDN上有朋友已经上传了乐乐网页抽奖插件的UTF-8版本,那位仁兄将Flash源码与图片源码都分享出来了,觉得乐乐网页抽奖插件功能的确强大,所以自已到LELELUCKY官方下载了CHM帮助手册与GBK版本的程序,上传此地...
  • JS网页抽奖

    2015-04-28 14:57:45
    纯JS实现的HTML抽奖程序,方便进行二次开发,用cookic保持获奖人
  • 看到CSDN上有朋友已经上传了乐乐网页抽奖插件的UTF-8版本,那位仁兄将Flash源码与图片源码都分享出来了,觉得乐乐网页抽奖插件功能的确强大,所以自已到LELELUCKY官方下载了CHM帮助手册与GBK版本的程序,上传此地...
  • 快乐360幸运转盘网页抽奖插件帮助手册,使用快乐360抽奖转盘时,可以参考整合。
  • lelelucky网页抽奖插件中文帮助手册
  • web网页抽奖程序

    热门讨论 2014-01-19 15:19:00
    通过EXCEL数据导入抽奖奖项信息和抽奖员工数据。 使用说明: 1.解压后打开“将此测试数据复制到设置中.txt",复制 2.打开”抽奖.html",如浏览器提示活动脚本请允许其运行 3.把鼠标移动到左下边会出现“设置”...
  • js 网页抽奖源码

    2013-06-05 15:26:13
    javascript做的网页抽奖源码 下载后打开修改下可用。
  • 网页抽奖程序

    2021-06-03 16:33:54
    为了活跃班级气氛,在班级上张老师想通过一个随机点名器来随机抽取学员回答问题,故按排你来使用 HTML+JavaScript 来实现如下图所示的随机点名器,第一张图是随机点名器的初始页面,当点击开始按钮时,JS 程序中提前...
  • 一个简单的抽奖网页,原生JS代码,无需编译,直接运行,源码无压缩,支持从excel导入名册,适合公司抽奖。安全免费无广告,运行快!
  • 万能网页抽奖插件,可以与任何网站整合使用。功能非常强大,本地测试时需要用localhost来访问,在LX服务中,一般不要直接打开Flash程序,在网页里打开最好。 默认的风格一般,但大家可以随意更改风格。这个程序的...
  • 公司年会,开业等活动网页抽奖程序 小白创作,能实现功能,其余不做讨论。使用js实现,有浏览器就能运行。 主要特点: 1,公平公正,随机抽取,无内定功能。 2,可设置抽奖名单,奖项内容,图片,音乐等,需要替换...
  • 纯html JS完成的抽奖系统,友通数码港实力派团队开发。 1、号码抽取等级、数量自由定义 ini.htm 2‘ 全屏幕显示... 6、抽奖完成后可以选择保存结果以便日后统计分析。 使用请看压缩包内说明,用过了别忘了给好评……
  • 圆盘抽奖*.{margin:0;padding:0;}#elm1{height:40px;background-color:#a00;}#elm2{height:50px;background-color:#0a0;}#wrap{position:relative;height:400px;}#bg{position:absolute;left:0;top:0;}#cell{...
  • 圆盘抽奖*.{margin:0;padding:0;}#elm1{height:40px;background-color:#a00;}#elm2{height:50px;background-color:#0a0;}#wrap{position:relative;height:400px;}#bg{position:absolute;left:0;top:0;}#cell{...
  • 一个小型 的抽奖程序,直接用浏览器打开.
  • jquery实现网页抽奖程序

    千次阅读 2011-12-15 04:07:50
    M.I.T. Talk 抽奖 body {text-align:center;padding-top:50px;} #Result {border:3px solid #40AA53;margin:0 auto;text-align:center;width:400px;padding:50px 0;background:#efe;} #ResultNum {font-si

空空如也

空空如也

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

网页抽奖