jQuery红包抽奖代码_红包下落特效代码
2016-05-26 13:06:09  By: dwtedx

一大堆红包下落的jQuery抽奖特效、Demo代码是一款节日抽奖转盘特效、可键盘控制旋转、背景为红包雨、图片可以更改、同时也可以调整速度、代码简单易懂、运用到自己的项目非常方便、下面是中奖的效果图

jquery红包抽奖


引入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

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+