重慶分公司
重慶分公司
抽獎(jiǎng)活動(dòng)
| 百度 | 騰訊 | 阿里 | 京東 | 華為 |
|---|---|---|---|---|
| 滴滴 | 螞蟻金服 | 樂視 | 中國(guó)電網(wǎng) | 中石化 |
| 美團(tuán) | 樂視 | 小米 | 網(wǎng)易 | 酷我 |
| 愛奇藝 | 盛大 | 短文學(xué) | 淺墨詩(shī)韻 | 浪子一秋 |
本文實(shí)例為大家分享了js實(shí)現(xiàn)抽獎(jiǎng)的具體代碼，供大家參考，具體內(nèi)容如下
專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)武川免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上1000家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
抽獎(jiǎng)活動(dòng)的原理還是很簡(jiǎn)單的，通過(guò)代碼一目了然，如果看不懂就私聊我，可以私下交流！
方法一：使用table寫一個(gè)隨機(jī)抽獎(jiǎng)
這是html+js代碼
抽獎(jiǎng) 抽獎(jiǎng)活動(dòng)
百度 騰訊 阿里 京東 華為 滴滴 螞蟻金服 樂視 中國(guó)電網(wǎng) 中石化 美團(tuán) 樂視 小米 網(wǎng)易 酷我 愛奇藝 盛大 短文學(xué) 淺墨詩(shī)韻 浪子一秋
方法二：使用span標(biāo)簽寫
html+js代碼如下
抽獎(jiǎng) 抽獎(jiǎng)活動(dòng)
兩個(gè)頁(yè)面的css代碼
*{
margin: 0;
padding: 0;
}
body{
display: block;
}
.content{
width: 500px;
margin: auto;
}
.top{
text-align: center;
height: 50px;
color: red;
font-size: 30px;
}
table{
width: 100%;
border: 1px solid red;
border-spacing: 0;
}
th{
border: 1px dashed rgb(189, 189, 86);
height: 40px;
}
.bottom{
height: 50px;
margin-top: 20px;
text-align: center;
}
.button{
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
/* test2-1 */
.body{
width: 512px;
height: 260px;
border: 1px solid red;
}
span{
display: inline-block;
width: 100px;
height: 50px;
border: 1px dashed #b1da1f;
line-height: 50px;
text-align: center;
}以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
