正文

横向图片滚动js代码2007-02-02 12:21:00

【评论】 【打印】 【字体: 】 本文链接:http://blog.pfan.cn/wangsdong/23033.html

分享到:

<TABLE style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid"
cellSpacing=0 cellPadding=0 width=550 align=center border=0>
  <TBODY>
  <TR>
    <TD>
      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <TBODY>
        <TR>
          <TD id=demo1 vAlign=top><table width="1730" height="16"  border="0" align="left" cellpadding="0" cellspacing="0">
            <tr align="center">
 <td width='170'><a href='http://www.sina.com.cn'><img src='../images/sina_logo2.gif' width='170' height='100' border='0'></a></td> 
<td width='170'><a href=''><img src='../images/sy1.jpg' width='170' height='100' border='0'></a></td> 
<td width='170'><a href='#'><img src='../images/sy5.jpg' width='170' height='100' border='0'></a></td> 
<td width='170'><a href='#'><img src='../images/sy4.jpg' width='170' height='100' border='0'></a></td> 
<td width='170'><a href='#'><img src='../images/sy8.jpg' width='170' height='100' border='0'></a></td> 
<td width='170'><a href='#'><img src='../images/sy7.jpg' width='170' height='100' border='0'></a></td> 
<td width='170'><a href='#'><img src='../images/sy5.jpg' width='170' height='100' border='0'></a></td> 
<td width='170'><a href='#'><img src='../images/sy4.jpg' width='170' height='100' border='0'></a></td> 
<td width='170'><a href='#'><img src='../images/sy3.jpg' width='170' height='100' border='0'></a></td> 
<td width='170'><a href='#'><img src='../images/sy2.jpg' width='170' height='100' border='0'></a></td>
            </tr>
          </table></TD>
          <TD id=demo2 vAlign=top>&nbsp;</TD></TR></TBODY></TABLE></DIV>
      <SCRIPT>
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
    </TD></TR></TBODY></TABLE></TD></TR></TABLE>

阅读(10722) | 评论(0)


版权声明:编程爱好者网站为此博客服务提供商,如本文牵涉到版权问题,编程爱好者网站不承担相关责任,如有版权问题请直接与本文作者联系解决。谢谢!

评论

暂无评论
您需要登录后才能评论,请 登录 或者 注册