文字无间断滚动效果

 

 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
25 marqueesHeight = 200 ;
26 stopscroll = false ;
27
28 with (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}
37 document.write(' < div id = " templayer "  style = " position:absolute;z-index:1;visibility:hidden " ></ div > ');
38
39 preTop = 0 ; currentTop = 0 ; 
40
41 function  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}
49 document.body.onload = init;
50
51 function  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

转载于:https://www.cnblogs.com/dwcc/archive/2006/08/29/489773.html