jquery实现跑马灯抽奖效果（cssjs很全哟）资源-CSDN文库

共8个文件

jpg：3个

js：2个

html：1个

lottery

5星 · 超过95%的资源需积分: 34 2 浏览量 2016-11-08 16:22:41 上传评论收藏 79KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

lotteryRace.zip （8个子文件）

lotteryRace

css

style.css 2KB

images

choujiang.png 30KB

jp.jpg 5KB

star.jpg 7KB

wh.jpg 3KB

index.html 3KB

jquery-1.12.3.min.js 95KB

lotteryRace.js 5KB

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>抽奖</title> <link href="css/style.css" rel="stylesheet" type="text/css"/> <script src="js/jquery-1.12.3.min.js"></script> </head> <body> <div class="wrap"> <div class="cj_sec"> <div class="cj_list"> <ul class="cj_list01"> <li class="js_cjBox" id="cjx0"> <img src="images/jp.jpg" class="gift" style="display: inline;"> <span></span> </li> <li class="js_cjBox" id="cjx11"> <img src="images/jp.jpg" class="gift" style="display: inline;"> <span></span> </li> <li class="js_cjBox" id="cjx10"> <img src="images/jp.jpg" class="gift" style="display: inline;"> <span></span> </li> <li class="js_cjBox" id="cjx9"> <img src="images/jp.jpg" class="gift" style="display: inline;"> <span></span> </li> </ul> <ul class="cj_list02"> <li class="js_cjBox" id="cjx1"> <img src="images/jp.jpg" class="gift" style="display: inline;"> <span></span> </li> <li class="js_cjBox" id="cjx2"> <img src="images/jp.jpg" class="gift" style="display: inline;"> <span></span> </li> <li class="star"> <a href="javascript:;" class="star js_prizeBtn" data-status="go">立即抽奖</a> </li> <li class="js_cjBox" id="cjx8"> <img src="images/jp.jpg" class="gift" style="display: inline;"> <span></span> </li> <li class="js_cjBox" id="cjx7"> <img src="images/jp.jpg" class="gift" style="display: inline;"> <span></span> </li> </ul> <ul class="cj_list03"> <li class="js_cjBox" id="cjx3"> <img src="images/jp.jpg" class="gift" style="display: inline;"> <span></span> </li> <li class="js_cjBox" id="cjx4"> <img src="images/jp.jpg" class="gift" style="display: inline;"> <span></span> </li> <li class="js_cjBox" id="cjx5"> <img src="images/jp.jpg" class="gift" style="display: inline;"> <span></span> </li> <li class="js_cjBox" id="cjx6"> <img src="images/jp.jpg" class="gift" style="display: inline;"> <span></span> </li> </ul> </div> </div> </div> <script type="text/javascript" src="js/lotteryRace.js"></script> <script> $(function(){ lotteryRaceModule.init({ callbackFn:function(data){//中奖回调 alert("中奖位置为："+data.prizeNum); } }); }) </script> </body> </html>

评论收藏

内容反馈