|
#2
hams2010-08-10 11:54
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<SCRIPT src="js/ScrollPic.js" type=text/javascript></SCRIPT>
<style>
body{ font-size:12px;}
a{ color:#0033FF; text-decoration:none;}
.photo{clear:both;}
.photol, .photor{width:15px;}
.photoc{ width:920px; height:135px; background:url(images/photobgc.gif) left top repeat-x; overflow:hidden; }
.photoc ul{margin:8px 0; padding:0; list-style:none; height:120px; overflow:hidden;}
.photoc li{ float:left;width:160px;text-align:center;}
.photoc li img{ border:1px solid #CCC; padding:2px;}
.photo .title{ height:25px; line-height:25px; margin:0 0 7px 0; padding-left:25px; background:url(images/alltitle.gif) left 0px no-repeat; font-size:14px;}
</style>
<div class="photo marginT" style="width:950px; margin:0 auto;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="photol" id="LeftArr"><img src="images/photobtl.gif" style="CURSOR: hand"/></td>
<td class="photoc">
<ul id="ISL_Cont_1">
<a href="products.asp?id=<%=rs("bookid")%>" ><img src="<%=trim(rs("bookpic"))%>" alt="<%=rs("bookname")%>" width="122" height="122" border="0" align="absmiddle" /></a>
</ul>
</td>
<td class="photor" id="RightArr"><img src="images/photobtr.gif" style="CURSOR: hand"/></td>
</tr>
</table>
<SCRIPT language=javascript type=text/javascript>
<!--//--><![CDATA[//><!--
var scrollPic_02 = new ScrollPic();
scrollPic_02.scrollContId = "ISL_Cont_1"; //内容容器ID
scrollPic_02.arrLeftId = "LeftArr";//左箭头ID
scrollPic_02.arrRightId = "RightArr"; //右箭头ID
scrollPic_02.frameWidth = 920;//显示框宽度
scrollPic_02.pageWidth = 152; //翻页宽度
scrollPic_02.speed = 10; //移动速度(单位毫秒，越小越快)
scrollPic_02.space = 20; //每次移动像素(单位px，越大越快)
scrollPic_02.autoPlay = true; //自动播放
scrollPic_02.autoPlayTime = 2; //自动播放间隔时间(秒)
scrollPic_02.initialize(); //初始化
//--><!]]>
</SCRIPT>
</div>
我从网上下个图片拉动代码，用红色那段代码显示我现在网站数据库的图片，但是只显示一张图片，而且没有那种效果