怎么让图片无缝循环滚动？

怎么让图片无缝循环滚动？比如从左到右滚动。当滚动到最后一张时，第一张就接在最后一张的后面。不能出现空白！... 怎么让图片无缝循环滚动？比如从左到右滚动。当滚动到最后一张时，第一张就接在最后一张的后面。不能出现空白！展开

 我来答

2个回答

匿名用户
2013-05-19

展开全部

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title></title>
<style type="text/css">
<!--
#demo {overflow:hidden;height: 155px; width: 776px;margin: 0 px;}
#demo img {border: 3px solid #F2F2F2;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
-->
</style>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body> 
<center>
<div id="demo" style="width:605px;height:122px;">
<div id="indemo" style="width:550px;">
<div id="demo1" style="width:550px;">
	<div style="width:550px;">
		<div id=demo1 style="clear:right; float:left;">
			<%
			set ors=server.CreateObject("ADODB.recordset")
			sql="select top 10 pic_Name,pic_Path from theImages order by pic_Time desc"
			ors.open sql,conn,1,1
			if ors.eof or ors.bof then
			%>
			暂时没有任何的记录
			<%
			else
			for i=1 to ors.recordcount
			%>
			<div style="padding-left:2px;" class="crfl">
					<img src="upImages/<%=ors("pic_Path")%>" style="height:120px; border-top:#777777 solid 1px;border-left:#777777 solid 1px;border-right:#696969 solid 2px;border-bottom:#696969 solid 2px;" alt="<%=ors("pic_Name")%>">
			</div>
			<%
			ors.movenext
			if ors.eof or ors.bof then
			exit for
			end if
			next
			ors.close
			end if
			%>
      	</div> 
 	 	<div id="demo2" style="clear:right; float:left;"></div>
	</div>
</div>
</div>
</div>
</center>
<script>
<!--
var speed=30; 
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>

</body>
</html>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

匿名用户
2013-05-19

展开全部

flash会么？用它。

已赞过 已踩过<

评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

怎么让图片无缝循环滚动？

为你推荐：