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

最新推荐文章于 2024-09-03 16:07:32 发布

weixin_30915275

最新推荐文章于 2024-09-03 16:07:32 发布

阅读量104

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Lewis/archive/2007/03/27/689294.html

版权

< 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" > 货币 魔兽世界 全区全服金币1G 0.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" > 货币 冒险岛 冒险岛1000W 2.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" >

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 >

转载于:https://www.cnblogs.com/Lewis/archive/2007/03/27/689294.html

weixin_30915275

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
淘宝上的一段JS实现的效果.

1<html>2<body>3<ulid="SlideLine">4<li><ahref="http://list.taobao.com/browse/search_auction.htm?sort=coefp&style=lis...
复制链接

扫一扫