dreamweaver里怎么让图片连续的不间断的滚动
dreamweaver里怎么让图片连续的不间断的从右向左滚动呢,我现在做出来的首尾连接不上,可以到www.mhbox.cn里看我现在做的,谁来帮我解决啊,十分感谢!...
dreamweaver里怎么让图片连续的不间断的从右向左滚动呢,我现在做出来的首尾连接不上,可以到www.mhbox.cn里看我现在做的,谁来帮我解决啊,十分感谢!
展开
4个回答
展开全部
<html>
<head>
<title>图片滚动</title>
</head>
<body>
<div id="marquee_demo" style="overflow:hidden;width:100%;text-align:center;border:1px solid #0066cc">
<table cellspacing="0" cellpadding="3" align="center" border="0">
<tr>
<td id="marquee_product1" valign="top">
<table width="100%" height="100" border="0" cellpadding="2" cellspacing="0">
<tr>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s1.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s2.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s3.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s4.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s5.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s6.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s7.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s8.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s9.jpg" border=0></a></td>
</tr>
</table>
</td>
<td id="marquee_product2" valign="top"></td>
</tr>
</table>
</div>
<script type="text/javascript">
var speed=30;
marquee_product2.innerHTML=marquee_product1.innerHTML;
function Marquee(){
if(marquee_demo.scrollLeft>=marquee_product1.scrollWidth){
marquee_demo.scrollLeft=0;
}
else{
marquee_demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
marquee_demo.onmouseover=function(){clearInterval(MyMar);}
marquee_demo.onmouseout=function(){MyMar=setInterval(Marquee,speed);}
</script>
</body>
</html>
<head>
<title>图片滚动</title>
</head>
<body>
<div id="marquee_demo" style="overflow:hidden;width:100%;text-align:center;border:1px solid #0066cc">
<table cellspacing="0" cellpadding="3" align="center" border="0">
<tr>
<td id="marquee_product1" valign="top">
<table width="100%" height="100" border="0" cellpadding="2" cellspacing="0">
<tr>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s1.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s2.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s3.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s4.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s5.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s6.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s7.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s8.jpg" border=0></a></td>
<td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s9.jpg" border=0></a></td>
</tr>
</table>
</td>
<td id="marquee_product2" valign="top"></td>
</tr>
</table>
</div>
<script type="text/javascript">
var speed=30;
marquee_product2.innerHTML=marquee_product1.innerHTML;
function Marquee(){
if(marquee_demo.scrollLeft>=marquee_product1.scrollWidth){
marquee_demo.scrollLeft=0;
}
else{
marquee_demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
marquee_demo.onmouseover=function(){clearInterval(MyMar);}
marquee_demo.onmouseout=function(){MyMar=setInterval(Marquee,speed);}
</script>
</body>
</html>
展开全部
<!DOCTYPE HTML>
<html>
<head>
<title>legend</title>
</head>
<body>
<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src="1.jpg">
<img border="0" src="2.jpg">
<img border="0" src="3.jpg">
<img border="0" src="4.jpg">
</marquee>
</body>
</html>
效果:
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用 js 啊!!无缝隙滚动!!百度一下!!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
没看懂意思,你是要下面的图片滚动没有缝隙么?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询