asp如何实现图片的动态翻动的效果

2018-09-06 11:26

阅读:420

  <tr><td><input type=button value=< name=lefts onclick=leftimg();></td>
<%set rs=server.createobject(adodb.recordset)
rs.open select top 3 * from table order by id desc,conn,1,1
ii=1
do while not rs.eof%>
<td><img src=<%=rs(img)%> id=img<%=ii%>><br><p id=txt<%=ii%>><%=rs(title)%></p></td>
<%ii=ii+1
rs.movenext
loop
rs.close
set rs=nothing
%>
<td><input type=button value=> name=rights onclick=rightimg();></td>
</tr>
<script>
var imgarray=new Array();
var txtarray=new Array();
var ipos=0;
<%set rs=server.createobject(adodb.recordset)
rs.open select top 5 * from table order by id desc,conn,1,1
ii=0
do while not rs.eof%>
imgarray[<%=ii%>]=<%=rs(img)%>;
txtarray[<%=ii%>]=<%=rs(title)%>;

  <%
ii=ii+1
rs.movenext
loop
rs.close
set rs=nothing%>
function leftimg(){
ipos++;
ipos2=ipos;
if(ipos2>4){ipos2=0;ipos=0}
img1.src=imgarray[ipos2];
ipos2++;
if(ipos2>4){ipos2=0}
img2.src=imgarray[ipos2]
txt2.innerHTML=txtarray[ipos2];
ipos2++;
if(ipos2>4){ipos2=0}
img3.src=imgarray[ipos2]
txt3.innerHTML=txtarray[ipos2];
}
function rightimg(){
ipos--;
ipos2=ipos;
if(ipos2<0){ipos2=4;ipos=4}
img1.src=imgarray[ipos2]
txt1.innerHTML=txtarray[ipos2];
ipos2++;
if(ipos2>4){ipos2=0}
img2.src=imgarray[ipos2]
txt2.innerHTML=txtarray[ipos2];
ipos2++;
if(ipos2>4){ipos2=0}
img3.src=imgarray[ipos2]
txt3.innerHTML=txtarray[ipos2];
}
</script>

  


评论


亲,登录后才可以留言!