数码资讯
推拉板抽奖的实现
翻板和抽奖的实施过程:首页提供6个方格,6个数字用1-6表示。当抽彩击中一块6个方块时,盒子会翻到背面,显示抽奖信息,似乎是一个简单的操作过程,但包含了大量的网络技术知识,所以本文的读者应该精通jQuery和PHP的知识。 HTML 与上一篇文章不同,彩票不提供开始和结束抽奖按钮。抽奖决定选择其中一
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
翻板和抽奖的实施过程:首页提供6个方格,6个数字用1-6表示。当抽彩击中一块6个方块时,盒子会翻到背面,显示抽奖信息,似乎是一个简单的操作过程,但包含了大量的网络技术知识,所以本文的读者应该精通jQuery和PHP的知识。
HTML
与上一篇文章不同,彩票不提供开始和结束抽奖按钮。抽奖决定选择其中一个来完成抽奖活动。所以我们在页面上放了6个方块,用1-6代表不同的方块。
一
二
三
四
五
六
{打开其余}
在HTML结构,我们使用6种不同的块放在一个无序列表,阶级属性在每个李代表方块的颜色,下面的列表是一个链接到完成一个# viewother,抽签后,点击它,看看在其他获奖信息,默认是隐藏的回到盒子里。然后有一个div #数据,里面是空的,是用来暂时存放,不引起其他奖项的数据,并在后面看到代码。为了使6广场看起来很舒服,你也需要使用CSS来美化他们,并具体指演示,并没有更多的CSS代码张贴文章。
PHP
我们首先完成后台PHP的PHP的过程中,主要工作是负责配置和获奖对应的概率,一个盒子的结束时的页面点击更改背景PHP将要发送Ajax请求,然后根据概率配置PHP的背景,概率算法给获胜的结果,而不是赢得奖品一起送信息头版的JSON数据格式。
先看概率计算函数
功能get_rand($ proarr){
结果=;
概率的总概率
$启源= array_sum($ proarr);
循环数组的概率
foreach(proarr美元美元美元关键=采购指){
randnum美元(1美元= mt_rand,启源);
如果(randnum美元美元采购指){
$结果=键;
打破;
{人}
$启源= $采购指;
}
}
unset($ proarr);
返回$结果;
}
上面的代码是一个经典的概率算法,proarr美元是一个数组,假设一个数组:数组(100200300400),11000的概率范围筛选是否第一个数字出现的概率范围的他,如果没有开始,概率空间,这是K值减去只是概率空间的数量,这个例子是负100,也就是说,第二是1900筛选范围。在拍摄的最后,总是会有一些要求。这就要一盒一摸一样的,第一个是不是,二是没有,第三是不,最后一个必须的。该算法简单高效。关键是该算法已应用于我们以前的项目中,特别是在大数据量项目中。
然后我们通过PHP配置这个奖项。
prize_arr美元=阵列(
0=阵列('id' = > 1,'prize= >平板电脑,V = > 1),
1=阵列('id' = > 2,'prize= >,数码相机,V = > 5),
2=阵列('id' = > 3,'prize= >的音频,V = > 10),
3=阵列('id' = > 4,'prize= > '4g,V = > 12),
4=阵列('id' = > 5,'prize'=>10,Q,V = > 22),
5=阵列('id' = > 6,'prize= >也许下次可以哦,V = > 50),
);
它是一个二维数组,记录所有的奖励信息,其中ID代表获奖等级、获奖代表奖,和V是得奖的概率。注意,V必须是整数,你可以得到相应的奖励是0,这意味着吸烟的奖概率0、对数组的总和(基地),更准确的反映为基础的概率。在这种情况下,V的和是100,那么这款平板电脑的中奖概率为1%。如果v的总和为10000,则中奖的概率为1 10000。
每一次请求的前端页面,PHP环奖设置数组得到获奖ID的概率计算函数get_rand.save奖在数组既{是},而剩下的非获奖信息存储在$ RES {没},和JSON数据最终输出到首页。
foreach(prize_arr美元美元美元关键= val){
$ ARR { $瓦尔{ 'id' } } = { } $值V;
}
摆脱美元= get_rand($ ARR); / /根据一个ID奖获得概率
RES {是} =美元美元美元prize_arr { } { } rid-1 'prize '; / /
撤消($ prize_arr { $ rid-1 }); / /从数组中删除,其余的奖
洗牌($ prize_arr); / /排列的顺序打乱
为($我= 0;$我<计数(prize_arr美元美元);i++){
$公关{ } = { $ $ prize_arr我} { 'prize};
}
RES {没} =美元美元的公关;
回声json_encode(合物);
获奖信息的直接输出得到。为什么我们还应该导出不被授予首页的信息看看代码的前端。
jQuery
首先,为了达到效果,我们需要的预紧力翻转插件和jQuery,JQueryUI相关插件:
接下来,我们通过点击页面中的正方形来进行抽奖。
$(函数(){())
$(#奖里),每个(函数(){)
var = $(this);
var c = $(this)。Attr(' ');
P.css(背景颜色
P.click(function(){()
$(#奖里),Unbind(听到咔哒声);
美元。getJSON(PHP 数据。
VaR奖= json.yes; / /抽奖
p.flip({
方向:'rl,RL:左 / /转向右
内容:奖品,显示营业额/奖品的内容。
颜色:背景色
OnEnd:(功能){ / /翻转结束
P.css({字体大小:22px
P.attr(身份
$(# viewother )(显示); / /显示按钮
$(#奖里),Unbind(听到咔哒声)
CSS()
}
});
$(#数据)。数据(nolist
});
});
});
});
代码首先遍历6盒,每盒初始化不同的背景颜色,单击该框,使用美元。getJSON请求发送Ajax请求data.php背景,调用翻转插件实现翻转箱成功后,中奖信息显示在箱子后翻转,翻转,标志着胜利的ID同时,冷冻盒上的单击事件,即取消绑定(听到咔哒声),目的是让买家只有一次,每箱结束后可以不再泵转动。最后,非信息提取的数据存储在#数据()。
事实上,彩票已经完成了。为了看看其他块后面是什么,我们会给你一个链接来检查其他框后的抽奖。通过点击链接,其他5个广场转,并返回奖励信息显示。
$(函数(){())
$(# viewother)。Click(function(){)
var = $(#包含数据)。数据(nolist ) / /获取数据;
无功mydata2 = eval(MYDATA); / /通过eval()函数可以被转换成JSON数组
$(#奖里),($(' # R){ 0 })。每个(函数(指数){ {)
var = $(this);
Pr.flip ({
方向:'bt,
颜色:'lightgrey,
内容:mydata2 { } / /奖指标信息(不画)
OnEnd:函数(){
Pr.css({字体大小:22px
$(# viewother )藏();
}
});
});
$(#数据),RemoveData(nolist );
});
});
点击# viewother时,我们得到奖数据保存在抽奖和变换为一个数组,翻转5广场,并在相应的块显示获奖信息。最终结果:
我认为看完这篇文章后,你可能知道电视节目已经获奖,可能不会再卷入其中。
总之,我希望您能在本文中有所收获,并帮助您学习PHP编程。
HTML
与上一篇文章不同,彩票不提供开始和结束抽奖按钮。抽奖决定选择其中一个来完成抽奖活动。所以我们在页面上放了6个方块,用1-6代表不同的方块。
一
二
三
四
五
六
{打开其余}
在HTML结构,我们使用6种不同的块放在一个无序列表,阶级属性在每个李代表方块的颜色,下面的列表是一个链接到完成一个# viewother,抽签后,点击它,看看在其他获奖信息,默认是隐藏的回到盒子里。然后有一个div #数据,里面是空的,是用来暂时存放,不引起其他奖项的数据,并在后面看到代码。为了使6广场看起来很舒服,你也需要使用CSS来美化他们,并具体指演示,并没有更多的CSS代码张贴文章。
PHP
我们首先完成后台PHP的PHP的过程中,主要工作是负责配置和获奖对应的概率,一个盒子的结束时的页面点击更改背景PHP将要发送Ajax请求,然后根据概率配置PHP的背景,概率算法给获胜的结果,而不是赢得奖品一起送信息头版的JSON数据格式。
先看概率计算函数
功能get_rand($ proarr){
结果=;
概率的总概率
$启源= array_sum($ proarr);
循环数组的概率
foreach(proarr美元美元美元关键=采购指){
randnum美元(1美元= mt_rand,启源);
如果(randnum美元美元采购指){
$结果=键;
打破;
{人}
$启源= $采购指;
}
}
unset($ proarr);
返回$结果;
}
上面的代码是一个经典的概率算法,proarr美元是一个数组,假设一个数组:数组(100200300400),11000的概率范围筛选是否第一个数字出现的概率范围的他,如果没有开始,概率空间,这是K值减去只是概率空间的数量,这个例子是负100,也就是说,第二是1900筛选范围。在拍摄的最后,总是会有一些要求。这就要一盒一摸一样的,第一个是不是,二是没有,第三是不,最后一个必须的。该算法简单高效。关键是该算法已应用于我们以前的项目中,特别是在大数据量项目中。
然后我们通过PHP配置这个奖项。
prize_arr美元=阵列(
0=阵列('id' = > 1,'prize= >平板电脑,V = > 1),
1=阵列('id' = > 2,'prize= >,数码相机,V = > 5),
2=阵列('id' = > 3,'prize= >的音频,V = > 10),
3=阵列('id' = > 4,'prize= > '4g,V = > 12),
4=阵列('id' = > 5,'prize'=>10,Q,V = > 22),
5=阵列('id' = > 6,'prize= >也许下次可以哦,V = > 50),
);
它是一个二维数组,记录所有的奖励信息,其中ID代表获奖等级、获奖代表奖,和V是得奖的概率。注意,V必须是整数,你可以得到相应的奖励是0,这意味着吸烟的奖概率0、对数组的总和(基地),更准确的反映为基础的概率。在这种情况下,V的和是100,那么这款平板电脑的中奖概率为1%。如果v的总和为10000,则中奖的概率为1 10000。
每一次请求的前端页面,PHP环奖设置数组得到获奖ID的概率计算函数get_rand.save奖在数组既{是},而剩下的非获奖信息存储在$ RES {没},和JSON数据最终输出到首页。
foreach(prize_arr美元美元美元关键= val){
$ ARR { $瓦尔{ 'id' } } = { } $值V;
}
摆脱美元= get_rand($ ARR); / /根据一个ID奖获得概率
RES {是} =美元美元美元prize_arr { } { } rid-1 'prize '; / /
撤消($ prize_arr { $ rid-1 }); / /从数组中删除,其余的奖
洗牌($ prize_arr); / /排列的顺序打乱
为($我= 0;$我<计数(prize_arr美元美元);i++){
$公关{ } = { $ $ prize_arr我} { 'prize};
}
RES {没} =美元美元的公关;
回声json_encode(合物);
获奖信息的直接输出得到。为什么我们还应该导出不被授予首页的信息看看代码的前端。
jQuery
首先,为了达到效果,我们需要的预紧力翻转插件和jQuery,JQueryUI相关插件:
接下来,我们通过点击页面中的正方形来进行抽奖。
$(函数(){())
$(#奖里),每个(函数(){)
var = $(this);
var c = $(this)。Attr(' ');
P.css(背景颜色
P.click(function(){()
$(#奖里),Unbind(听到咔哒声);
美元。getJSON(PHP 数据。
VaR奖= json.yes; / /抽奖
p.flip({
方向:'rl,RL:左 / /转向右
内容:奖品,显示营业额/奖品的内容。
颜色:背景色
OnEnd:(功能){ / /翻转结束
P.css({字体大小:22px
P.attr(身份
$(# viewother )(显示); / /显示按钮
$(#奖里),Unbind(听到咔哒声)
CSS()
}
});
$(#数据)。数据(nolist
});
});
});
});
代码首先遍历6盒,每盒初始化不同的背景颜色,单击该框,使用美元。getJSON请求发送Ajax请求data.php背景,调用翻转插件实现翻转箱成功后,中奖信息显示在箱子后翻转,翻转,标志着胜利的ID同时,冷冻盒上的单击事件,即取消绑定(听到咔哒声),目的是让买家只有一次,每箱结束后可以不再泵转动。最后,非信息提取的数据存储在#数据()。
事实上,彩票已经完成了。为了看看其他块后面是什么,我们会给你一个链接来检查其他框后的抽奖。通过点击链接,其他5个广场转,并返回奖励信息显示。
$(函数(){())
$(# viewother)。Click(function(){)
var = $(#包含数据)。数据(nolist ) / /获取数据;
无功mydata2 = eval(MYDATA); / /通过eval()函数可以被转换成JSON数组
$(#奖里),($(' # R){ 0 })。每个(函数(指数){ {)
var = $(this);
Pr.flip ({
方向:'bt,
颜色:'lightgrey,
内容:mydata2 { } / /奖指标信息(不画)
OnEnd:函数(){
Pr.css({字体大小:22px
$(# viewother )藏();
}
});
});
$(#数据),RemoveData(nolist );
});
});
点击# viewother时,我们得到奖数据保存在抽奖和变换为一个数组,翻转5广场,并在相应的块显示获奖信息。最终结果:
我认为看完这篇文章后,你可能知道电视节目已经获奖,可能不会再卷入其中。
总之,我希望您能在本文中有所收获,并帮助您学习PHP编程。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。