js无缝滚动-向上滚动[转载]
1
<style>
2
a {font-size:9pt;color:#333;text-decoration:none;}
3
a:hover {color:#111;text-decoration:underline;}
4
</style>
5![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
6
<div id="marquees">
7
<a href="#">你可曾有过无数的梦想</a><br><br>
8
<a href="#">却在时光的流逝里幻灭</a><br><br>
9
<a href="#">你可曾对未来期待憧憬</a><br><br>
10
<a href="#">却在成长的岁月中迷失</a><br><br>
11
</div>
12
<script language="JavaScript">
13
marqueesHeight=200;
14
stopscroll=false;
15
with(marquees){
16
style.width=0;
17
style.height=marqueesHeight;
18
style.overflowX="visible";
19
style.overflowY="hidden";
20
noWrap=true;
21
onmouseover=new Function("stopscroll=true");
22
onmouseout=new Function("stopscroll=false");
23
}
24
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
25![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
26
preTop=0; currentTop=0;
27![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
28
function init(){
29
templayer.innerHTML="";
30
while(templayer.offsetHeight<marqueesHeight){
31
templayer.innerHTML+=marquees.innerHTML;
32
}
33
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
34
setInterval("scrollUp()",50);
35
}
36
document.body.onload=init;
37![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
38
function scrollUp(){
39
if(stopscroll==true) return;
40
preTop=marquees.scrollTop;
41
marquees.scrollTop+=1;
42
if(preTop==marquees.scrollTop){
43
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
44
marquees.scrollTop+=1;
45
}
46
}
47
</script>
48![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
7
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
8
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
9
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
10
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
11
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
12
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
13
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
14
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
15
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
16
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
17
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
18
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
19
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
20
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
21
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
22
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
23
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
24
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
25
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
26
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
27
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
28
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
29
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
30
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
31
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
32
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
33
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
34
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
35
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
36
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
37
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
38
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
39
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
40
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
41
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
42
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
43
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
44
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
45
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
46
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
47
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
48
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)