商城中营销活动最常见的就是大转盘抽奖了最近SHOPNC中正好需要这个12宫格抽奖,今天整理了下。

-
前端主要代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
< div class = "lottery-wrap" > < div class = "lottery-main" > < input id = "user_id" value = "d41fd388929f1221" type = "hidden" > < div class = "lottery-user-value" > < p > < em >友情提示:每次抽奖消耗< i >5</ i >个百利积分</ em > < span >我的积分:< a id = "lotteryPoint" >19</ a >分</ span > </ p > </ div > < div user_points = "19" prize_point = "0" copywriter = "奖品这么大,还不来试试" prize_type = "0" prize_name = "" prize_site = "4" state = "0" id = "lottery" > < ul > < li class = "lottery-unit lottery-unit-0" id = "" >10倍积分</ li > < li class = "lottery-unit lottery-unit-1" id = "" >40倍积分</ li > < li class = "lottery-unit lottery-unit-2" id = "" >20倍积分</ li > < li class = "lottery-unit lottery-unit-3" id = "" >1倍积分</ li > < li class = "lottery-unit lottery-unit-4 active" id = "" >谢谢参与</ li > < li class = "lottery-unit lottery-unit-5" id = "" >50倍积分</ li > < li class = "lottery-unit lottery-unit-6" id = "" >1积分</ li > < li class = "lottery-unit lottery-unit-7" id = "" >100倍积分</ li > < li class = "lottery-unit lottery-unit-8" id = "" >2倍积分</ li > < li class = "lottery-unit lottery-unit-9" id = "" >200倍积分</ li > </ ul > < a href = "javascript:startLottery()" ></ a > </ div > </ div > </ div > |
2. 主要JS代码