无忧站长 >

图片横向无间隔循环滚动

2019-11-01 14:45:28 
<!--最新图文代码开始-->
<div align=’center’ id=’demo’ style=’overflow:hidden;height:125px;width:733px;’>
<!--滚动区的高度和宽度-->
<table border=’0’ align=’center’ cellpadding=’0’ cellspacing="0" cellspace=’0’>
<tr>
<td width="150" valign=’top’ id=’demo1’><table width="135" border="0" cellspacing="0" cellpadding="0">
<tr>
<!--pkvs: 图片数据循环调用开始--->
<td width="135" valign="top"><table width="71%" border="0" cellspacing="0" cellpadding="0">
<tr>
<%
set rs=server.CreateObject("adodb.recordset")
sql100="select * from laoshi order by id desc"
rs.open sql100,conn,1,1
i=0
do while not rs.eof and i<4
%>
<td width="106" valign="top"><table width="141" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="141"><a href=dispuser.asp?id=<%=rs("id")%> target="_blank"><img src="upfile/<%=rs("img")%>" border=0 width="120" height="130"></a></td>
</tr>
</table></td>
<%
rs.movenext
loop
%>
</tr>
</table></td>
<!--pkvs: 图片数据循环调用结束--->
</tr>
</table></td>
<td width="10" valign=top id=demo2></td>
</tr>
</table>
</div>
<div align="center">
<script>
var speed=15
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script>
</div>