美化过的匀速图片滚动

最新推荐文章于 2024-10-23 15:50:41 发布

JavaWeb-FaceStrap

最新推荐文章于 2024-10-23 15:50:41 发布

阅读量207

点赞数

分类专栏：其他类别

本文链接：https://blog.csdn.net/qq_35546160/article/details/51879477

版权

其他类别专栏收录该内容

50 篇文章 0 订阅

订阅专栏

<HTML>
<HEAD>
<TITLE>美化过的匀速图片滚动</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style>
P {
MARGIN: 20px
}
.table-left-right {
BORDER-LEFT: #E7E7E7 1px solid;
BORDER-RIGHT: #E7E7E7 1px solid;
}
TD {
font-size: 12px;
}
.hangju {
line-height: 20px;
word-spacing: 3pt;
}
.title
{
color: #000000;
font-weight: bold;
}
.title2
{
color: #ffffff;
font-weight: bold;
}
.title3
{
color: #000000;
font-weight: bold;
}
</style>
</HEAD>
<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<CENTER>
<TABLE
style="BORDER: #eeeeee 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="pic_bg.jpg"><div align="center">第1张</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">第2张</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">第3张</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">第4张</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">第5张</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">第6张</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">第7张</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">第8张</div></td>
<td width="171" background="pic_bg.jpg"><div align="center">第9张</div></td>
<td width="171" background="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.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TABLE>
</CENTER>
</BODY>
</HTML>