淘宝上的一段JS实现的效果.

zoukankan html css js c++ java

淘宝上的一段JS实现的效果.

1<html>
2 <body>
3 <ul id="SlideLine">
4 <li><a href="http://list.taobao.com/browse/search_auction.htm?sort=coefp&style=list&path=99-50001031&ppath=20433%3A27491%3B20436%3A27534&commend=1%2C2&cat=50001031&random=false&filter=&s=0&n=40&newprop=&strade=y&olu=yes&atype=&isnew=2&promote=&start_price=&end_price=&loc=&q=&_promote=2048">货币 魔兽世界 全区全服金币1G0.04元起</a></li>
5 <li><a href="http://search1.taobao.com/browse/search_auction.htm?sort=coefp&style=list&path=99-50001031&ppath=20433%3A27846%3B20436%3A27534&_user=c774fea45cb634157973f8704a1d0343&commend=1%2C2&cat=50001031&filter=&s=0&n=40&newprop=&strade=y&olu=yes&atype=&isnew=2&promote=&start_price=&end_price=&loc=&q=%BD%F0&_promote=2048">货币 幻想 1金币0.7元</a></li>
6 <li><a href="http://search1.taobao.com/browse/search_auction.htm?sort=coefp&style=list&path=99-50001031&ppath=20433%3A27562&commend=1%2C2&cat=50001031&random=false&filter=reserve_price%5B5%2C100000000%5D&s=0&n=40&newprop=&strade=y&olu=yes&atype=&isnew=2&promote=&start_price=5&end_price=&loc=&q=100&_promote=2048">货币 梦幻西游 100W游戏币5元</a></li>
7 <li><a href="http://search1.taobao.com/browse/search_auction.htm?sort=coefp&style=list&path=99-50001031&ppath=20433%3A29395%3B20436%3A27534&commend=1%2C2&cat=50001031&random=false&filter=reserve_price%5B1%2C10%5D&s=0&n=40&newprop=&strade=y&olu=yes&atype=&isnew=2&promote=&start_price=1&end_price=10&loc=&q=1D_promote=2048">货币 征途 征途币1锭1元</a></li>
8 <li><a href="http://search1.taobao.com/browse/search_auction.htm?sort=coefp&style=list&path=99-50001031&ppath=20433%3A27561&commend=1%2C2&cat=50001031&random=false&filter=&s=0&n=40&newprop=&strade=y&olu=yes&atype=&isnew=2&promote=&start_price=&end_price=&loc=&q=1000&_promote=2048">货币 冒险岛 冒险岛1000W2.5元</a></li>
9 <li><a href="http://search1.taobao.com/browse/search_auction.htm?sort=coefp&style=list&path=99-50001031&ppath=20433%3A31747%3B20436%3A27534&commend=all&cat=50001031&random=false&filter=reserve_price%5B20%2C100000000%5D&s=0&n=40&newprop=&strade=y&olu=yes&atype=&isnew=2&promote=&start_price=20&end_price=&loc=&q=EVE+%D2%DA&_promote=2048">货币 EVE ISK游戏币1亿7元</a></li>
10 <li><a href="http://list.taobao.com/browse/99-50001031/t-yes-------g,giydimzthizdonbzga5tembugm3dumrxguztg--g,hmzdanbtgm5ljk6g43fmbpphhmzdanbtgy5npmfrxa-------2-------------y-40-list-coefp-0-all-50001031.htm?_user=c774fea45cb634157973f8704a1d0343%3Fab%3Dc">装备 传奇世界 各区小极品1元起</a></li>
11 <li><a href="http://search1.taobao.com/browse/99-50001031/t-false--------yes-------g,giydimzthizdonjqgq--g,hmzdanbtgm5mrsgrvk623ox6-----g,ghjnu-------2--------y-40-list-coefp-0-1,2-50001031.htm">货币 热血江湖 1亿游戏币20元</a></li>
12 <li><a href="http://search1.taobao.com/browse/99-49/t-yes---------g,hmzdanbtgm5mjj6k33fmbpph-----g,yst4vxq-------2--------y-40-list-bid-0-1,2-49.htm">帐号 魔兽世界 60级各种族职业帐号1元起</a></li>
13 <li><a href="http://search1.taobao.com/browse/99-50001031/t-g,giydimzthiztcnzvgm--g,hmzdanbtgm5lbvgn6w2phqv5-----g,geydbtps-------1,2--------y-40-list-coefp-0-all-50001031.htm">货币 霸王 100w游戏币2元</a></li>
14 <li><a href="http://search1.taobao.com/browse/99-50001031/t-false--------yes-------g,giydimzthi2dcobqha--g,hmzdanbtgm5m5zgb23g6fnfl-----g,geyda2q-------2--------y-40-list-coefp-0-all-50001031.htm">货币 武林外传 100金5元起</a></li>
15 <li><a href="http://search1.taobao.com/browse/99-50001031/t-false--------yes-------g,giydimzthizdqmjthe--g,hmzdanbtgm5m32wdydfmbpph-----g,geyda5y-------2--------y-40-list-coefp-0-all-50001031.htm">货币 完美世界 100w游戏币5元起</a></li>
16 </ul>
17 <script type="text/javascript">
18 function slideLine() {
19 var slideBox = document.getElementById('SlideLine');
20 var delay = 1000, speed=20, lh = 24;
21 var tid = null, pause = false;
22 var start = function() {
23 tid=setInterval(slide, speed);
24 }
25 var slide = function() {
26 if (pause) return;
27 slideBox.scrollTop += 2;
28 if (slideBox.scrollTop % lh == 0) {
29 clearInterval(tid);
30 slideBox.appendChild(slideBox.getElementsByTagName('li')[0]);
31 slideBox.scrollTop = 0;
32 setTimeout(start, delay);
33 }
34 }
35 slideBox.onmouseover=function(){pause=true;}
36 slideBox.onmouseout=function(){pause=false;}
37 setTimeout(start, 2000);
38 }
39 slideLine();
40 </script>
41 </body>
42</html>

查看全文

相关阅读:
阿里云服务器常见问题记录
 npm 常见错误记录
 C程序设计(第四版)课后习题完整版谭浩强编著
 博客如何快速让百度谷歌等各大引擎收录
 python itertools 用法
 python中dict的fromkeys用法
 python解析XML
flask+uwsgi+nginx+docker-compose部署
 python的构建工具setup.py
python判断字符串类型

原文地址：https://www.cnblogs.com/Lewis/p/689294.html