如何让网页中的图片不间断的滚动
我在网页中加入<marquee...>......</marquee>之后图片只是移动完一遍在一遍，中间图片完了就又一段空白。怎么让它不间断呢？就是中间没空白区域...
我在网页中加入<marquee ...> ......</marquee>之后图片只是移动完一遍在一遍，中间图片完了就又一段空白。怎么让它不间断呢？就是中间没空白区域
展开
2个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <div id=demo style="OVERFLOW: hidden; WIDTH: 520px;" align="right"> <table cellspacing="0" cellpadding="0" align="center" border="0"> <tbody align="center"> <tr> <td id="marquePic1" valign="top"><table width="520" border="1" cellpadding="0" cellspacing="3" align="center"> <tr> <td align="center" ><a href="file:///C|/Documents and Settings/Administrator/桌面/cp1.asp" target="_blank"><img src="file:///C|/Documents and Settings/Administrator/桌面/cp/1.jpg" alt="聚氨酯直埋管管" border="0" /></a></td> <td align="center" ><a href="file:///C|/Documents and Settings/Administrator/桌面/cp1.asp" target="_blank"><img src="file:///C|/Documents and Settings/Administrator/桌面/cp/2.jpg" alt="聚氨酯管" border="0" /></a></td> <td align="center" ><a href="file:///C|/Documents and Settings/Administrator/桌面/cp3.asp" target="_blank"><img src="file:///C|/Documents and Settings/Administrator/桌面/cp/3.jpg" alt="聚苯板" border="0" /></a></td> <td align="center" ><a href="file:///C|/Documents and Settings/Administrator/桌面/cp10.asp" target="_blank"><img src="file:///C|/Documents and Settings/Administrator/桌面/cp/4.jpg" alt="聚氨酯硬泡喷涂" border="0" /></a></td> <td align="center" ><a href="file:///C|/Documents and Settings/Administrator/桌面/cp9.asp" target="_blank"><img src="file:///C|/Documents and Settings/Administrator/桌面/cp/5.jpg" alt="挤塑聚苯乙烯保温板" border="0" /></a></td> <td align="center" ><a href="file:///C|/Documents and Settings/Administrator/桌面/cp11.asp" target="_blank"><img src="file:///C|/Documents and Settings/Administrator/桌面/cp/7.jpg" alt="聚氨酯屋面保温防水一体化" border="0" /></a></td> <td align="center" ><a href="file:///C|/Documents and Settings/Administrator/桌面/cp11.asp" target="_blank"><img src="file:///C|/Documents and Settings/Administrator/桌面/cp/8.jpg" alt="聚氨酯屋面保温防水一体化" border="0" /></a></td> </tr> </table></td> <td id="marquePic2" valign="top"></td> </tr> </tbody> </table> </div> <script type=text/javascript> var speed=30 marquePic2.innerHTML=marquePic1.innerHTML function Marquee(){ if(demo.scrollLeft>=marquePic1.scrollWidth){ demo.scrollLeft=0 }else{ demo.scrollLeft++ }} var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> </body> </html> 复制后在dw里边修改，图片路径自己修改一下，这是不间断图片滚动效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用MSClass.js组件吧 瞬间解决你水平滚动、垂直滚动，还可以定时滚动，自定义功能强。 www.hanzhen2000.com 你看看他们这个站上的滚动，就是我用MSClass.js解决的。 你可以参考一下。
麻烦采纳，谢谢!
麻烦采纳，谢谢!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
