站内搜索:     
站点首页破釜学院编程开发Javascript → 横向滚动的图片代码
正在加载相关信息.....
Web 站内搜索
横向滚动的图片代码
】【打印】【加入收藏】【关闭收藏到新浪ViVi】【收藏到365KEY】 浏览字号:
日期:2005-06-23 人气: 出处:

<DIV id=demo style="OVERFLOW: hidden; WIDTH: 450px; HEIGHT: 300px; background-color:#00CC66;">
            <TABLE cellSpacing=0 cellPadding=0 border=0>

              <TBODY>
              <TR>
                <TD id=demo1>
                  <TABLE cellPadding=5 cellSpacing=0 bgcolor="#ABD8E9">
                    <TBODY>
                    <TR>
                   <TD vAlign=center align=middle><img src="aa.gif" width="330" height="260"></TD>
                      <TD vAlign=center align=middle><A
                        href="#">abclink</A></TD>
                      <TD vAlign=center align=middle><A
                        href="#">link</A></TD>
                      <TD vAlign=center align=middle>&nbsp;</TD>
                  </TR></TBODY></TABLE></TD>
                <TD id=demo2></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=20

function Marquee(){
 if(demo2.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo1.offsetWidth
 else{
  demo.scrollLeft++ 
 } 

}

demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}

window.onload = function(){
 if(demo.offsetWidth < demo1.offsetWidth){
  demo2.innerHTML=demo1.innerHTML
  var MyMar=setInterval(Marquee,speed)
 }
}
</SCRIPT>


>>>> 进入论坛交流 <<<<