本文实例为大家分享了jquery输入数字随机抽奖特效代码，供大家参考，具体内容如下

代码如下：

<Meta charset="UTF-8"> jQuery<a href="/tag/zidingyi/" target="_blank" class="keywords">自定义</a>数值抽奖活动<a href="/tag/daima/" target="_blank" class="keywords">代码</a> - 何问起

bigDiv {

width: 1080px;
margin: 0px auto; /div网页居中/
background-color: #494949;
color: #FFFFFF;
}

h1 {
text-align: center; /文本居中/
padding-top: 10px;
}

first,#second,#third {

width: 360px;
height: 360px;
font-size: 150px;
line-height: 360px;
text-align: center;
float: left; /让三个盒子左浮动/
}

first {

background-color: #009BFF;
opacity: 0.9;
}

second {

background-color: #007CCC;
}

third {

background-color: #005388;
}

input {
font-size: 30px;
font-weight: 900;
}

start {

margin-left: 40%;
margin-right: 5%;
}a{color:blue;}

玩家幸运抽奖活动

适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

来源：代码说明

js文件代码如下：

range = prompt("请输入随机数范围：","168");

if (range == null)//http://hovertree.com/h/bjaf/3siyd3x7.htm
{
return;
}

if (range == 0)
{
return;
}

if (isNaN(range))//http://hovertree.com/h/bjaf/9vhm2l4f.htm
{
alert("请输入数字");
return ;
}
/将开始标签禁用，停止标签启用/
$("#start")[0].disabled = true;
$("#stop")[0].disabled = false;
if (range > 9999 || range<-999)
{
// by 何问起
$("#bigDiv div").css("font-size","60px");//http://hovertree.com/h/bjaf/omgdn4mu.htm
//return;
}
myNumber = setInterval(showRandomNum,50);//多长时间运行一次，单位毫秒
});
/点击结束按钮/
$("#stop").click(function () {
/将开始标签启用，停止标签禁用/
$("#start")[0].disabled = false;
$("#stop")[0].disabled = true;
clearInterval(myNumber);
});
});

以上就是，希望对大家学习jquery程序设计有所帮助。

jQuery 抽奖抽奖

上一篇：jquery输入数字随机抽奖特效的简单下一篇：浅谈jquery点击label触发2次的问题

jQuery自定义数值抽奖活动代码