<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)</title>
</head>
<body><!--下面是向上滚动代码-->
<div id="lan27_com_top" style="overflow:hidden;height:100;width:90;">
<div id="lan27_com_top1">
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif"/>
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif"/>
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif"/>
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif"/>
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif"/>
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif"/>
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif"/>
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif"/>
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif"/>
</div>
<div id="lan27_com_top2"></div>
</div>
<script language="javascript" type="text/javascript">
var speed=30
lan27_com_top2.innerHTML=lan27_com_top1.innerHTML //克隆lan27_com_top1为lan27_com_top2
function Marquee1(){
//当滚动至lan27_com_top1与lan27_com_top2交界时
if(lan27_com_top2.offsetTop-lan27_com_top.scrollTop<=0)
lan27_com_top.scrollTop-=lan27_com_top1.offsetHeight //lan27_com_top跳到最顶端
else{
lan27_com_top.scrollTop++;
}
}
var MyMar1=setInterval(Marquee1,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
lan27_com_top.onmouseover=function() {clearInterval(MyMar1)}
//鼠标移开时重设定时器
lan27_com_top.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
</script>
<!--向上滚动代码结束-->
<br>
<!--下面是向下滚动代码-->
<div id=lan27_com_bottom style=overflow:hidden;height:100;width:90;>
<div id=lan27_com_bottom1>
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif">
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif">
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif">
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif">
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif">
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif">
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif">
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif">
<img src="http://www.lan27.com/Article/UploadFiles/200812/20081231003101546.gif">
</div>
<div id=lan27_com_bottom2></div>
</div>
<script>
var speed=30
lan27_com_bottom2.innerHTML=lan27_com_bottom1.innerHTML
lan27_com_bottom.scrollTop=lan27_com_bottom.scrollHeight
function Marquee2(){
if(lan27_com_bottom1.offsetTop-lan27_com_bottom.scrollTop>=0)