学步园

上下循环滚动代码JAVASCRIPT

 

 1<table width="300"  border="0" align="center" cellpadding="0" cellspacing="0">
 2    <tr>
 3      <td>
 4        <DIV id=marquees>
 5          <table width="300" border=0 cellpadding="1" cellSpacing=1 rules=all style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px">
 6  <tr class="tablectstyle">
 7    <td>5782888</td>
 8    <td> 2006-01-17 15:00:40 </td>
 9    <td> 苹果皮带 </td>
10  </tr>
11  <tr class="tablectstyle">
12    <td>活在别处</td>
13    <td> 2006-01-17 14:51:37 </td>
14    <td> 苹果皮带 </td>
15  </tr>
16  <tr class="tablectstyle">
17    <td>西即2002</td>
18    <td> 2006-01-17 12:21:16 </td>
19    <td> 电磁炉 </td>
20  </tr>
21  <tr class="tablectstyle">
22    <td>烟茶最好</td>
23    <td> 2006-01-17 12:06:13 </td>
24    <td> 电吹风 </td>
25  </tr>
26  <tr class="tablectstyle">
27    <td>城市大穷人</td>
28    <td> 2006-01-17 09:26:23 </td>
29    <td> 电吹风 </td>
30  </tr>
31  <tr class="tablectstyle">
32    <td>B6365</td>
33    <td> 2006-01-17 09:12:33 </td>
34    <td> 电吹风 </td>
35  </tr>
36  <tr class="tablectstyle">
37    <td>qsxt8815</td>
38    <td> 2006-01-16 20:53:18 </td>
39    <td> 电吹风 </td>
40  </tr>
41  <tr class="tablectstyle">
42    <td>435266021</td>
43    <td> 2006-01-16 20:38:13 </td>
44    <td> 电热水壶 </td>
45  </tr>
46  <tr class="tablectstyle">
47    <td>冰魂shmily</td>
48    <td> 2006-01-16 19:50:56 </td>
49    <td> 电磁炉 </td>
50  </tr>
51  <tr class="tablectstyle">
52    <td>小君儿96</td>
53    <td> 2006-01-16 19:13:32 </td>
54    <td> 电吹风 </td>
55  </tr>
56          </table>
57        </DIV>
58        <SCRIPT language=JavaScript>
59
60marqueesHeight=130;
61stopscroll=false;
62
63with(marquees){
64  style.width=0;
65  style.height=marqueesHeight;
66  style.overflowX="visible";
67  style.overflowY="hidden";
68  noWrap=true;
69  onmouseover=new Function("stopscroll=true");
70  onmouseout=new Function("stopscroll=false");
71}
72document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
73
74preTop=0; currentTop=0; 
75
76function init(){
77  templayer.innerHTML="";
78  while(templayer.offsetHeight<marqueesHeight){
79    templayer.innerHTML+=marquees.innerHTML;
80  }
81  marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
82  setInterval("scrollUp()",30);
83}
84document.body.onload=init;
85
86function scrollUp(){
87  if(stopscroll==true) return;
88  preTop=marquees.scrollTop;
89  marquees.scrollTop+=1;
90  if(preTop==marquees.scrollTop){
91    marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
92    marquees.scrollTop+=1;
93  }
94}
95  </SCRIPT>
96      </td>
97    </tr>
98  </table> 
99