jQuery红包抽奖代码_红包下落特效代码
程序员文章站
2022-01-13 10:15:44
...
一大堆红包下落的jQuery抽奖特效、Demo代码是一款节日抽奖转盘特效、可键盘控制旋转、背景为红包雨、图片可以更改、同时也可以调整速度、代码简单易懂、运用到自己的项目非常方便、下面是中奖的效果图
引入JS和CSS文件
<link rel="stylesheet" href="css/demo.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="css/sweet-alert.css"> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/awardRotate.js"></script> <script src="js/sweet-alert.min.js"></script> <script type="text/javascript" src="js/ThreeCanvas.js"></script> <script type="text/javascript" src="js/Snow.js"></script>
Html代码
<body bgcolor="#eae0d9" id="body" onLoad="init()">
<div class="couten" style="position:fixed; width:100%; margin:0 auto; text-align:center; padding-top:5%">
<div class="turntable-bg">
<!--<div class="mask"><img src="images/award_01.png"/></div>-->
<div class="pointer"><img src="images/pointer.png" alt="pointer"/></div>
<div class="rotate" ><img id="rotate" src="images/turntable.png" alt="turntable"/ ></div>
</div>
</div>
</body>
CSS代码
<style type="text/css">
body {
margin: 0;
padding: 0;
position: relative;
background-position: center;
/*background-repeat: no-repeat;*/
width: 100%;
height: 100%;
background-size: 100% 100%;
}
</style>
jquery红包抽奖插件源代码下载链接: 红包特效代码 密码: 29qc
上一篇： 数字零售的互联网「牢笼」