首页 > 代码库 > jq向上无缝滚动
jq向上无缝滚动
<!-- -------------摇奖排行榜--------------- --> <div class="Top_Record"> <div class="record_Top"><p>摇奖排行榜</p></div> <div class="topRec_List"> <dl> <dd>编号</dd> <dd>姓名</dd> <dd>奖项</dd> <dd>时间</dd> </dl> <div class="maquee"> <ul> <li> <div>1</div> <div>王**</div> <div>中了30元</div> <div>2014/12/30 14:20</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="http://www.mamicode.com/#" target="_blank">你是我的小丫小苹果 </a></li> <li><a href="http://www.mamicode.com/#" target="_blank">怎么爱你都不嫌多</a></li> <li><a href="http://www.mamicode.com/#" target="_blank">红红的小脸儿温暖我的心窝 </a></li> <li><a href="http://www.mamicode.com/#" target="_blank">点亮我生命的火 火火火火</a></li> <li><a href="http://www.mamicode.com/#" target="_blank">你是我的小丫小苹果 </a></li> <li><a href="http://www.mamicode.com/#" target="_blank">就像天边最美的云朵</a></li> <li><a href="http://www.mamicode.com/#" target="_blank">春天又来到了花开满山坡 </a></li> <li><a href="http://www.mamicode.com/#" 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>
jq向上无缝滚动
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。