shopnc 九宫格抽奖代码

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

QQ图片20160808204432.png

  1. 前端主要代码

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代码

1

2

3

4

5

6

7

8

9

10

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值