<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>HTML5带音乐手机摇一摇抽奖代码 - 网页模板</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/red.js"></script>
</head>
<body>
<!-- 红包音乐 -->
<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 红包 -->
</body>
</html>
HTML5带音乐手机摇一摇抽奖代码.zip
版权申诉
92 浏览量
2022-11-18
22:13:35
上传
评论
收藏 1.31MB ZIP 举报
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
最新资源
- 热设计仿真分析汇报模板,可编辑,真实项目!
- 基于YOLOv5 + Flask + Vue实现深度学习算法的垃圾检测系统源码+数据库(高分项目)
- yuuuuuuuuuuuuuuuuuu
- 打印设计软件DLL(最新版,修复了很多bug)+ 测试源码 + Dev所需全部组件(Debug目录里面)
- YOLOv5 + Flask + Vue实现基于深度学习算法的垃圾检测系统源码+数据库
- IMG_0310.jpg
- Fine Report-常用JS接口实例汇总演示
- 【Elman算法】matlab实现Elman网络预测股市开盘价.docx
- MobaXterm-telnet-ssh远程链接工具
- 微信小程序自拍人相框拍摄
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈