向上:程序代码
<div
id=demo
style="overflow:hidden;
width:128px;
height:300px;">
<div
id=demo1>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
</div>
<div
id=demo2></div>
</div>
<script
language="javascript">
var
speed=30
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.οnmοuseοver=function()
{clearInterval(MyMar)}
demo.οnmοuseοut=function()
{MyMar=setInterval(Marquee,speed)}
</script>
向下:程序代码
<div
id=demo
style="overflow:hidden;
width:128px;
height:300px;">
<div
id=demo1>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
<img
src="gfjs.gif"><br><img
src="bxtt.gif"><br><img
src="bzjd.gif"><br>
</div>
<div
id=demo2></div>
</div>
<script
language="javascript">
var
speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function
Marquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var
MyMar=setInterval(Marquee,speed)
demo.οnmοuseοver=function()
{clearInterval(MyMar)}
demo.οnmοuseοut=function()
{MyMar=setInterval(Marquee,speed)}
</script>
向左:程序代码
<div
id=demo
style="overflow:hidden;height:100px;width:300px;"><table
align=left
cellpadding=0
cellspace=0
border=0><tr><td
id=demo1
valign=top><img
src="gfjs.gif"><img
src="bxtt.gif"><img
src="bzjd.gif"><img
src="gfjs.gif"><img
src="bxtt.gif"><img
src="bzjd.gif"></td><td
id=demo2
valign=top></td></tr></table></div>
<script>
var
speed=30
demo2.innerHTML=demo1.innerHTML
function
Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var
MyMar=setInterval(Marquee,speed)
demo.οnmοuseοver=function()
{clearInterval(MyMar)}
demo.οnmοuseοut=function()
{MyMar=setInterval(Marquee,speed)}
</script>
向右:程序代码
<div
id=demo
style="overflow:hidden;height:100px;width:300px;"><table
align=left
cellpadding=0
cellspace=0
border=0><tr><td
id=demo1
valign=top><img
src="gfjs.gif"><img
src="bxtt.gif"><img
src="bzjd.gif"><img
src="gfjs.gif"><img
src="bxtt.gif"><img
src="bzjd.gif"></td><td
id=demo2
valign=top></td></tr></table></div>
<script>
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.οnmοuseοver=function()
{clearInterval(MyMar)}
demo.οnmοuseοut=function()
{MyMar=setInterval(Marquee,speed)}
</script>
<div
<div
<img
<img
<img
<img
<img
<img
<img
<img
<img
<img
<img
</div>
<div
</div>
<script
var
demo2.innerHTML=demo1.innerHTML
function
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var
demo.οnmοuseοver=function()
demo.οnmοuseοut=function()
</script>
向下:程序代码
<div
<div
<img
<img
<img
<img
<img
<img
<img
<img
<img
<img
<img
</div>
<div
</div>
<script
var
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var
demo.οnmοuseοver=function()
demo.οnmοuseοut=function()
</script>
向左:程序代码
<div
cellpadding=0
src="bxtt.gif"><img
src="bzjd.gif"></td><td
<script>
var
demo2.innerHTML=demo1.innerHTML
function
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var
demo.οnmοuseοver=function()
demo.οnmοuseοut=function()
</script>
向右:程序代码
<div
cellpadding=0
src="bxtt.gif"><img
src="bzjd.gif"></td><td
<script>
var
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var
demo.οnmοuseοver=function()
demo.οnmοuseοut=function()
</script>