水平无缝滚动代码

关键词：无缝,滚动时间:2008年05月13日星期二阅读:354

<HTML><HEAD><TITLE>水平无缝滚动代码</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1264" name=GENERATOR>
<link href="css.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<CENTER>
	 <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=750 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="1710" height="116"	 border="0" cellpadding="0" cellspacing="0">
			 <tr>
				 <td width="171" background="/myfile/img/pic_bg.jpg"><div align="center">1</div></td>
				 <td width="171" background="/myfile/img/pic_bg.jpg"><div align="center">
				 <p>2</p>
				 </div></td>
				 <td width="171" background="/myfile/img/pic_bg.jpg"><div align="center">3</div></td>
				 <td width="171" background="/myfile/img/pic_bg.jpg"><div align="center">4</div></td>
				 <td width="171" background="/myfile/img/pic_bg.jpg"><div align="center">5</div></td>
				 <td width="171" background="/myfile/img/pic_bg.jpg"><div align="center">6</div></td>
				 <td width="171" background="/myfile/img/pic_bg.jpg"><div align="center">7</div></td>
				 <td width="171" background="/myfile/img/pic_bg.jpg"><div align="center">8</div></td>
				 <td width="171" background="/myfile/img/pic_bg.jpg"><div align="center">9</div></td>
				 <td width="171" background="/myfile/img/pic_bg.jpg"><div align="center">10</div></td>
			 </tr>
			 </table></TD>
			 <TD id=demo2 vAlign=top> </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>
</CENTER>
</BODY></HTML>

提示：可以先修改部分代码后再运行

上一篇：左右高度对齐的 css + js写法下一篇：一段完全CSS写的鼠标悬停tip效果!

2条记录访客评论

出现了不正常的情况。运行代码不正确。

你网站出问题了 于 2009-3-22 19:21:28 发表 #1

引用 你网站出问题了_广东省 于 2009-3-22 19:21:28 发表的评论
出现了不正常的情况。运行代码不正确。

现在可以了，呵呵

蓝雨于 2009-3-23 1:22:41 发表 #2

2条记录访客评论

发表评论