一个显示中奖人员的滚动屏资源-CSDN文库

共4个文件

css：1个

html：1个

png：1个

无缝轮播

需积分: 34 22 浏览量 2017-09-26 16:25:01 上传评论收藏 39KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

抽奖滚动屏.rar （4个子文件）

抽奖滚动屏

index.html 3KB

images

record_Bg.png 6KB

jquery.js 90KB

css

index.css 2KB

<!doctype html> <html> <head> <meta charset="utf-8"> <title>向上滚动</title> <link href="css/index.css" rel="stylesheet" type="text/css"> <script src="js/jquery.js"></script> </head> <body>  <div class="Top_Record"> <div class="record_Top"><p>摇奖排行榜</p></div> <div class="topRec_List"> <dl> <dd>1324</dd> <dd>1234</dd> <dd>21344</dd> <dd>133214</dd> </dl> <div class="maquee"> <ul> <li> <div>1</div> <div>王</div> <div>中</div> <div>2</div> </li> <li> <div>2</div> <div>王**</div> <div>中了30元</div> <div>2014/12/30 14:20</div> </li> <li> <div>3</div> <div>王**</div> <div>中了30元</div> <div>2014/12/30 14:20</div> </li> <li> <div>4</div> <div>王**</div> <div>中了30元</div> <div>2014/12/30 14:20</div> </li> <li> <div>5</div> <div>王**</div> <div>中了30元</div> <div>2014/12/30 14:20</div> </li> <li> <div>6</div> <div>王**</div> <div>中了30元</div> <div>2014/12/30 14:20</div> </li> <li> <div>7</div> <div>王**</div> <div>中了30元</div> <div>2014/12/30 14:20</div> </li> <li> <div>8</div> <div>王**</div> <div>中了30元</div> <div>2014/12/30 14:20</div> </li> </ul> </div> </div> </div> <div class="apple"> <ul> <li><a href="#" target="_blank">你是我的小丫小苹果 </a></li> <li><a href="#" target="_blank">怎么爱你都不嫌多</a></li> <li><a href="#" target="_blank">红红的小脸儿温暖我的心窝 </a></li> <li><a href="#" target="_blank">点亮我生命的火火火火火</a></li> <li><a href="#" target="_blank">你是我的小丫小苹果 </a></li> <li><a href="#" target="_blank">就像天边最美的云朵</a></li> <li><a href="#" target="_blank">春天又来到了花开满山坡 </a></li> <li><a href="#" target="_blank">种下希望就会收获</a></li> </ul> </div> <script type="text/javascript"> function autoScroll(obj){ $(obj).find("ul").animate({ marginTop : "-39px" },500,function(){ $(this).css({marginTop : "0px"}).find("li:first").appendTo(this); }) } $(function(){ setInterval('autoScroll(".maquee")',3000); setInterval('autoScroll(".apple")',2000); }) </script> </body> </html>

评论收藏

内容反馈