文字无间断滚动效果

 

 1<div id="marquees">
 2  <a href="#">链接一</a><br>
 3  <br>
 4  <a href="#">链接二</a><br>
 5  <br>
 6  <a href="#">链接三</a><br>
 7  <br>
 8  <a href="#">链接四</a><br>
 9  <br>
10  <a href="#">链接五</a><br>
11  <br>
12
13  <a href="#">链接六</a><br>
14  <br>
15
16  <a href="#">链接七</a><br>
17  <br>
18
19  <a href="#">链接八</a><br>
20  <br>
21
22</div> 
23<script language="JavaScript">
24
25marqueesHeight=200;
26stopscroll=false;
27
28with(marquees){
29  style.width=0;
30  style.height=marqueesHeight;
31  style.overflowX="visible";
32  style.overflowY="hidden";
33  noWrap=true;
34  onmouseover=new Function("stopscroll=true");
35  onmouseout=new Function("stopscroll=false");
36}
37document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
38
39preTop=0; currentTop=0; 
40
41function init(){
42  templayer.innerHTML="";
43  while(templayer.offsetHeight<marqueesHeight){
44    templayer.innerHTML+=marquees.innerHTML;
45  }
46  marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
47  setInterval("scrollUp()",10);
48}
49document.body.onload=init;
50
51function scrollUp(){
52  if(stopscroll==true) return;
53  preTop=marquees.scrollTop;
54  marquees.scrollTop+=1;
55  if(preTop==marquees.scrollTop){
56    marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
57    marquees.scrollTop+=1;
58  }
59}
60</script>
61
62