你现在的位置:首页》》DW学习》一招一式

 

图片水平滚动方法一

 

小狗

这是一组图片水平循环滚动特效,由网友帮忙修改了代码才做成功的,下面的红字可以替换图片连接地址和宽度、高度:去年11月做成功后,现在插入网页又不会动了,找来找去,把网页顶部两行代码删除(<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">)就又可以滚动了,不知道原因。这张网页我加了背景颜色。

在表格中加入以下代码:

<DIV id=demo
style="OVERFLOW: hidden; WIDTH: 640; COLOR: #ffffff; HEIGHT: 130px">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE cellSpacing=0 cellPadding=5 border=0>
<TBODY>
<TR align=middle>
<TD width=200>
<img src="images/tupian/3-12.jpg" width="160" height="113" /> </TD>

<TD width=200>
<img src="images/tupian/2003-12-wa.jpg" width="160" height="113" /> </TD>
<TD width=200>
<img src="images/tupian/2003-12-wa-6.jpg" width="160" height="113" /> </TD>
<TD width=200>
<img src="images/tupian/2003-12-wa-4.jpg" width="160" height="113" /> </TD></TR></TBODY></TABLE></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<p>
<SCRIPT>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>
</p>

200511月09日

       2006年4月3日修改

返回主页