滚动图片
来源:互联网 发布:软件开发 界面设计 编辑:程序博客网 时间:2024/04/28 11:11
<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=300 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="400" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50" ><div align="center"><a href='#'><img src='CodeFiles/横向图片滚动/0001.jpg' /></a></div></td>
<td width="50" ><div align="center"><a href='#'><img src='CodeFiles/横向图片滚动/0002.jpg' /></a></div></td>
<td width="50" ><div align="center"><a href='#'><img src='CodeFiles/横向图片滚动/0003.jpg' /></a></div></td>
<td width="50" ><div align="center"><a href='#'><img src='CodeFiles/横向图片滚动/0004.jpg' /></a></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>
<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=300 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="400" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="50" ><div align="center"><a href='#'><img src='CodeFiles/横向图片滚动/0001.jpg' /></a></div></td>
<td width="50" ><div align="center"><a href='#'><img src='CodeFiles/横向图片滚动/0002.jpg' /></a></div></td>
<td width="50" ><div align="center"><a href='#'><img src='CodeFiles/横向图片滚动/0003.jpg' /></a></div></td>
<td width="50" ><div align="center"><a href='#'><img src='CodeFiles/横向图片滚动/0004.jpg' /></a></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>
- 滚动图片
- 滚动图片
- 滚动图片
- 图片滚动...............
- 图片滚动
- 图片滚动
- 滚动图片
- 滚动图片
- 滚动图片
- 图片滚动
- 图片滚动
- 图片滚动
- 滚动图片
- 图片滚动
- 图片滚动
- 图片滚动
- 图片滚动
- 图片滚动
- 强国博客话题:方便面也涨价 涨价“疯”还要刮多久?
- Gprof & OProfile
- [资料]在PB中如何控制DATAWINDOW列的修改属性
- 7.22晴 天渐渐热了
- js分页
- 滚动图片
- 数据库开发
- 深入了解MFC中的文挡/视结构
- 共享上网完全攻略
- validation.xml的配置
- System.NullReferenceException: 未将对象引用设置到对象的实例
- Struts 验证框架配置和使用
- Struts 2.0 新特性
- 试验网站#1搜索引擎优化收录情况记录(断续运行)