html5手机重力摇一摇抽奖代码插件带音乐

html5手机重力摇一摇抽奖代码插件带音乐

一款html5手机重力摇一摇抽奖代码插件,带有音乐的手机摇一摇开奖。

HTML结构

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!-- 红包音乐 -->
<audio id="shakemusic" src="music/red-01.mp3" style="display: none;"></audio>
<audio id="openmusic" src="music/red-02.mp3" style="display: none;"></audio>
<!-- End 红包音乐 -->
<!-- 红包 -->
<div class="red_bg">
<div class="red-ts"></div>
<div class="red-ss-bg">
<span class="red-ss animated"></span>
</div>
<div class="red-jh">
您还有<span>3</span>次机会
</div>
<div class="red-tc">
<!-- 已中奖 -->
<div class="red-yzj">
<div class="red-tc-k">
<p><span>50.00</span></p>
恭喜你获得</br>打包幸福代金券
</div>
<div class="red-tc-btn">
<button>查看优惠券</button>
</div>
</div>
<!-- End 已中奖 -->
<!-- 未中奖 -->
<!-- <div class="red-yzj">
<div class="red-tc-k">
<img src="img/red-bw.png">
哎呀!</br>您的优惠券被风刮走了啊
</div>
<div class="red-tc-btn">
<button>再摇一次</button>
</div>
</div> -->
<!-- End 未中奖 -->
<!-- 机会用光了 -->
<!-- <div class="red-yzj">
<div class="red-tc-k">
<img src="img/red-jh.png">
机会用光了哦!</br>明天再来吧!
</div>
<div class="red-tc-btn">
<button>返回主页</button>
</div>
</div> -->
<!-- End 机会用光了 -->
</div>
</div>
<!-- End 红包 -->

文件信息:

    1

    发表评论