红色大气转盘抽奖活动专题模板源码.rar资源-CSDN文库

共20个文件

jpg：8个

png：6个

js：4个

版权申诉

183 浏览量 2023-01-27 15:32:45 上传评论收藏 409KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

红色大气转盘抽奖活动专题模板源码.rar （20个子文件）

红色大气转盘抽奖活动专题模板源码

zp.js 2KB

jQueryRotate.2.2.js 11KB

jquery.easing.min.js 5KB

jquery-1.8.0.min.js 90KB

css

zp_style.css 7KB

index.html 9KB

images

e1210f_21.jpg 3KB

index_08.jpg 3KB

e1210f_23.jpg 2KB

ic_top.png 2KB

winicon.png 183B

e1210f_22.jpg 4KB

Activities_09.jpg 5KB

activity-lottery-1.png 215KB

letter_06.png 17KB

start.png 26KB

con_bg.png 92KB

index_11.jpg 10KB

e1210f_24.jpg 3KB

Activities_08.jpg 3KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>红色大气转盘抽奖活动专题模板</title> <link rel="stylesheet" type="text/css" href="css/zp_style.css"> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="js/jQueryRotate.2.2.js"></script> <script type="text/javascript" src="js/jquery.easing.min.js"></script> <script type="text/javascript" src="js/zp.js"></script> <script type="text/javascript"> $(function(){ //多行应用@Mr.Think var _wrap=$('ul.mulitline');//定义滚动区域 var _interval=3000;//定义滚动间隙时间 var _moving;//需要清除的动画 _wrap.hover(function(){ clearInterval(_moving);//当鼠标在滚动区域中时,停止滚动 },function(){ _moving=setInterval(function(){ var _field=_wrap.find('li:first');//此变量不可放置于函数起始处,li:first取值是变化的 var _h=_field.height();//取得每次滚动高度 _field.animate({marginTop:-_h+'px'},600,function(){//通过取负margin值,隐藏第一行 _field.css('marginTop',0).appendTo(_wrap);//隐藏后,将该行的margin值置零,并插入到最后,实现无缝滚动 }) },_interval)//滚动间隔时间取决于_interval }).trigger('mouseleave');//函数载入时,模拟执行mouseleave,即自动滚动 }); </script> </head> <body>  <div class="con_chouj"> <div class="chou_box"> <div class="rotate-content"> <div class="rotate-con-pan"> <div class="rotate-con-zhen"></div> </div> </div> </div> <div class="win_open">  <div class="win_box"> <h2 class="win_tit">中奖英雄榜</h2> <div class="win_cont"> <div class="win_scroll" id="lottery_list_container_0"> <div class="win_height"> <div id="demo"> <ul class="win_list mulitline"> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>VIP6会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt"><font>80元</font>运费抵扣券</span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt"><font>40元</font>运费抵扣券</span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>VIP6会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt"><font>80元</font>运费抵扣券</span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt"><font>40元</font>运费抵扣券</span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt"><font>10元</font>运费抵扣券</span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> <li><span class="txt">永久性<font>高级会员</font></span><strong class="num">182****9659</strong></li> </ul> </div> </div> </div> </div> </div>  </div> <div class="Rule"> <h2><img src="images/Activities_08.jpg" width="108" height="35" alt=""/></h2> <ul> <li> <p>1. 注册或登录；</p> </li> <li> <p><span style=" float:left;display:inline-block">2. 点击</span> <div class="pop_right_qq1"><a target="_blank" href=" " style="padding-right:0;background:transparent"><img border="0" src=" " alt="点击这里给我发消息" title="点击这里给我发消息"></a></div> <span style=" float:left;display:inline-block; color:#FFF;">进入活动页面，参与抽奖，抽奖结果将在活动当前<br /> 页面立即显示；</span> </p> </li> <li> <p>3. 点击向客服人员提供您会员名（<a href="#">立即注册</a>）；</p> </li> <li> <p>4. XXX会在第一时间将中奖礼品发送至您的账户；</p> </li> <li> <p>5. 所有中奖结果将于活动结束后5个工作日内在XXX网站首页进行公示；</p> </li> </ul> </div> </div> <div class="letter_mian4"> <div class="invite_title"> <h3 class="invite_title_l"></h3> <span class="fh_top"> <a href="#top" target="_self" title="返回顶部"><img src="images/ic_top.png" /></a></span></div> <div class="rules_presented_box" style="border-left:none;height:auto;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="invite_table"> <tr> <th width="25%" scope="col" align="center">奖品设置</th> <th width="25%" scope="col" align="center">奖品</th> <th width="25%" scope="col" align="center">奖品份额</th> <th width="25%" scope="col" align="center">详情</th> </tr> <tr> <td align="center">特等奖</td> <td align="center">永久性高级会员</td> <td align="center">1</td> <td align="center"><p style="padding:7px 0;">终身享受转运85折<br/> 运费优惠及各种增值服务</p></td> </tr> <tr> <td align="center">一等奖</td> <td align="center">永久性VIP6会员</td> <td align="center">5</td> <td align="center"><p style="padding:7px 0;">终身享受93折<br/> 运费优惠 </td> </tr> </tr> <tr> <td align="center">二等奖</td> <td align="center">80元运费抵扣券</td> <td align="center">10</td> <td align="center"><p style="padding:7px 0;">分四张，可直接抵扣<br/> 转运运费 </td> </tr> <tr> <td align="center">三等奖</td> <td align="center">40元运费抵扣券</td> <td align="center">20</td> <td align="center"><p style="padding:7px 0;">分两张，可分两次直接抵扣<br/> 运费 </td> </tr> <tr> <td align="center">幸运奖</td> <td align="center">10元运费抵扣券</td> <td align="center">50</td> <td align="center"><p style="padding:7px 0;"

评论收藏

内容反馈

版权申诉