无间断滚动图片代友码

//上下的
<DIV id=demo style="overflow:hidden;height :200px;width :95px;background-

color:white;color:#ffffff;
border-width :1px 1px 1px 1px;border-style :dotted dotted dotted dotted;border-color :black

black black black;" align=center>
            <DIV id=demo1>
              <!-- 定义图片 -->
              <IMG src=http://www.cnbruce.com/images/logo.gif>
              <IMG src=http://www.yzpc.net/imageser/toplogo.gif>
              <IMG src=http://www.blueidea.com/img/common/logo.gif>
              <IMG src=http://www.linkmeng.com/IconCode/LinkMeng_Logo.gif>
              <IMG src=http://www.0594design.com/link/images/mylogo.gif>
              <IMG src=http://www.it365cn.com/images/logo_1.gif>
              <IMG src=http://www.it365cn.com/images/logo/lemongtree.gif>
              <IMG src=http://www.it365cn.com/images/logo/flashempire.gif>
            </DIV>
            <DIV id=demo2></DIV>
</DIV>

<SCRIPT>
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.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</SCRIPT>

//左右的

<DIV id=demo style="OVERFLOW: hidden; WIDTH: 200px">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top height=80>
<IMG src="http://myok.bokee.com/inc/mylogo.gif">
<IMG src="http://myok.bokee.com/inc/mylogo.gif">
<IMG src="http://myok.bokee.com/inc/mylogo.gif">
<IMG src="http://myok.bokee.com/inc/mylogo.gif">
<IMG src="http://myok.bokee.com/inc/mylogo.gif">
<IMG src="http://myok.bokee.com/inc/mylogo.gif">
</TD>
<TD id=demo2 vAlign=top>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<SCRIPT>
  var speed=30
  demo2.innerHTML=demo1.innerHTML
  demo.scrollLeft=demo.scrollWidth
  function Marquee(){
  if(demo2.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo2.offsetWidth
  else{
  demo.scrollLeft++
  }
  }
 var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
 </SCRIPT>

posted @ 2006-11-15 19:27  しovのんeТs  阅读(300)  评论(0)    收藏  举报