建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要為大家展示了“jQuery中如何實現(xiàn)移動端跑馬燈抽獎特效”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學習一下“jQuery中如何實現(xiàn)移動端跑馬燈抽獎特效”這篇文章吧。
成都創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的柞水網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！具體如下：
項目描述：九宮格的跑馬燈抽獎特效，抽中獎品1-9的概率分別是2%，2%，4%，1%，12%，1%，8%，70%，概率總計100%，并且每天抽獎次數(shù)最多為3次。
html部分的代碼和css部分的代碼和上一節(jié)《jQuery移動端跑馬燈抽獎特效》一樣，沒有修改，js部分有修改，增加了概率。
原理很簡單，同樣是取隨機數(shù)，判斷這個隨機數(shù)的大小在100的0-2,2-4，4-8,8-9,9-21,21-22,22-30,30-100之間的哪一個數(shù)組內(nèi)，隨機就可判斷中哪個獎項。
代碼在前面一篇《jQuery移動端跑馬燈抽獎特效》js的代碼上面增加了一個maths_f()函數(shù)，如下：
function maths_f(maths){
if(maths>0&&maths<2){
console.log('恭喜獲得獎品1')
twice=1;
}else if(maths>=2&&maths<=4){
console.log('恭喜獲得獎品2')
twice=2;
}else if(maths>=4&&maths<8){
console.log('恭喜獲得獎品3')
twice=3;
}else if(maths>=8&&maths<9){
console.log('恭喜獲得獎品4')
twice=4;
}else if(maths>=9&&maths<21){
console.log('恭喜獲得獎品5')
twice=5;
}else if(maths>=21&&maths<22){
console.log('恭喜獲得獎品6')
twice=6;
}else if(maths>=22&&maths<30){
console.log('恭喜獲得獎品7')
twice=7;
}else if(maths>=30&&maths<100){
console.log('恭喜獲得獎品8')
twice=8;
}
light();
}start()函數(shù)也有修改，修改為：
$('.start').click(function() {
if(click&&num>0) {
click = false;
maths = (Math.random() * 100);
console.log(maths)
maths_f(maths);
} else {
return false;
}
});其他的自己看著改吧。
以上是“jQuery中如何實現(xiàn)移動端跑馬燈抽獎特效”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道！
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
當前題目：jQuery中如何實現(xiàn)移動端跑馬燈抽獎特效-創(chuàng)新互聯(lián)
文章位置：http://www.dlmjj.cn/article/csjojh.html
