我们用js+html来模拟marquee标签效果,下面代码只不过是向上翻滚的:
<
TABLE
align
=center
bgColor
=#ffffff
border
=0
cellPadding
=0
cellSpacing
=0
width
=779
>
< TBODY >
< DIV id =demo style ="overflow:hidden;height :40px;width :760px;background-color:;color:#000000;" align =left >< DIV id =demo1 > 此处添加滚动内容
</ DIV >
< DIV id =demo2 ></ DIV >
</ DIV >
< SCRIPT > ...
var speed=60//滚动速度
demo2.innerHTML=demo1.innerHTML
function Marquee()...{
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else...{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function()...{clearInterval(MyMar)}
demo.onmouseout=function()...{MyMar=setInterval(Marquee,speed)}
</ SCRIPT >
</ TBODY ></ TABLE >
< TBODY >
< DIV id =demo style ="overflow:hidden;height :40px;width :760px;background-color:;color:#000000;" align =left >< DIV id =demo1 > 此处添加滚动内容
</ DIV >
< DIV id =demo2 ></ DIV >
</ DIV >
< SCRIPT > ...
var speed=60//滚动速度
demo2.innerHTML=demo1.innerHTML
function Marquee()...{
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else...{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function()...{clearInterval(MyMar)}
demo.onmouseout=function()...{MyMar=setInterval(Marquee,speed)}
</ SCRIPT >
</ TBODY ></ TABLE >