[原创]asp如何实现图片的动态翻动的效果

王朝asp·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

http://community.csdn.net/Expert/topic/3722/3722373.xml?temp=.6881372

<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><div id='txt<%=ii%>'><%=rs("title")%></div></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];

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];

}

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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航