<div id="rolldown" style="overflow:hidden;height:100px;background:#FFF">
<div id="rolldown1">
<!--自定义滚动内容-->
<!--这里添加滚动的内容，滚动的内容可以是图片，也可以是table包含的html内容-->
<!--自定义滚动内容结束-->
</div>
<div id="rolldown2"></div>
</div>
<script>
var speed=30
rolldown2.innerHTML=rolldown1.innerHTML
rolldown.scrollTop=rolldown.scrollHeight
function Marquee(){
if(rolldown1.offsetTop-rolldown.scrollTop>=0)
rolldown.scrollTop+=rolldown2.offsetHeight
else{
rolldown.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
rolldown.onmouseover=function() {MyMar=clearInterval(MyMar)}
rolldown.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<!--向下滚动结束-->
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<!--无间断向上滚动-->
<div id="rollup" style="overflow:hidden;height:40;color:#ffffff">
<div id="rollup1">
<!-- roll start -->
<!--这里添加滚动的内容，滚动的内容可以是图片，也可以是table包含的html内容-->
<!-- roll end -->
</div>
<div id="rollup2"></div>
</div>
<script>
var speed=30;
rollup2.innerHTML=rollup1.innerHTML;
function Marquee(){
if(rollup2.offsetTop-rollup.scrollTop<=0)
rollup.scrollTop-=rollup1.offsetHeight;
else{
rollup.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
rollup.onmouseover=function() {MyMar=clearInterval(MyMar)}
rollup.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<!--向上滚动结束-->
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<!--无间断向左滚动-->
<div id="rolleft" style="OVERFLOW: hidden; WIDTH: 700px; COLOR: #fff; HEIGHT: 120px">
<table cellpadding="0" align="left" border="0" cellspace="0">
<tbody>
<tr>
<td id="rolleft1" valign="top">
<!--自定义滚动内容-->
<!--这里添加滚动的内容，滚动的内容可以是图片，也可以是table包含的html内容-->
<!--自定义滚动内容结束-->
</td>
<td id="rolleft2" valign="top"> </td>
</tr>
</tbody>
</table>
</div>
<script language="javascript">
var speed=10
rolleft2.innerHTML=rolleft1.innerHTML
function Marquee(){
if(rolleft2.offsetWidth-rolleft.scrollLeft<=0)
rolleft.scrollLeft-=rolleft1.offsetWidth
else{
rolleft.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
rolleft.onmouseover=function() {MyMar=clearInterval(MyMar)}
rolleft.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<!--向左滚动结束-->
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<!--无间断向右滚动-->
<base href="http://www.cnser.net">
<div id=demo style=overflow:hidden;height:33;width:500;background:#214984;color:#ffffff>
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top>
<!--自定义滚动内容-->
<!--这里添加滚动的内容，滚动的内容可以是图片，也可以是table包含的html内容-->
<!--自定义滚动内容结束-->
</td>
<td id=demo2 valign=top>
</td>
</tr>
</table>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {MyMar=clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<!--向右滚动结束-->
