ASP如何图片横向显示,高手帮忙,急!!!!!!

我有一个ASP网站,现在的图片是树形向下排列的,我想让他横向显示如何实现,另外麻烦在告诉我一种让其横向右到左滚动不间断显示,以下为代码,大家帮忙<%dimactionac... 我有一个ASP网站,现在的图片是树形向下排列的,我想让他横向显示如何实现,另外麻烦在告诉我一种让其横向右到左滚动不间断显示,

以下为代码,大家帮忙

<%dim action
action=request.QueryString("action")
select case action
case "ShowDetail"
call ShowDetail()
case else
call Main()
end select
%>
<% sub Main() %>
<table width="98%" border="0" align="center" cellpadding="3" cellspacing="1" class="tableborder1">
<%
intPageSize=5
strPageUrl="?Uid="&request("Uid")&""
SQLSelect="select I_SJID,C_ClassName,I_Hits,C_SJName,C_Img,C_Area,DT_AddDate,L_Check from TB_SJProducts"
SQLWhere=" where I_MemberID="&Uid&""
SQLOrder=" order by I_SJID desc"

SQLTable=trim(mid(SQLSelect,(instr(SQLSelect,"from")+4)))
SQL1="select count(*) from TB_SJProducts"&SQLWhere
intRecordCount=conn.execute(SQL1)(0)
call PageCute(intRecordCount,intPageSize)
SQL=SQLSelect&SQLWhere&SQLOrder
set rs=conn.execute(SQL)
if not rs.eof then
rs.move (CurrentPage-1)*intPageSize
for i=1 to intPageSize
%>
<tr>
<td width="33%" height="25" align="center"> <a href="?action=ShowDetail&Id=<%= rs("I_SJID") %>&Uid=<%= Uid %>">
<%if rs("C_Img")<>"" then response.write "<img src=../../UploadImgs/"&rs("C_Img")&" width=120 height=100 class='borderwhite' alt="&rs("C_SJName")&">" else response.write "<img src=../../UploadImgs/No_Pic.gif width=120 height=100 class='borderwhite'>" %>
</a> </td>
<td width="67%" height="25" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="tdline"><strong><font color="#FF6600">项目名称:</a></font></strong><a href="?action=ShowDetail&Id=<%= rs("I_SJID") %>&Uid=<%= Uid %>"><%= left_title(rs("C_SJName"),30) %></a></td>
</tr>
<tr>
<td height="25" colspan="2" align="center"><hr size="1" class="tdline"></td>
</tr>
<%
rs.movenext
if rs.eof then exit for
next
else
response.write "<tr bgcolor='#FFFFFF'><td colspan=2 align=center><font color='#FF0000'>暂无记录</font></td></tr>"
end if
%>
<tr>
<td height="25" colspan="2"><div align="right">
<%
rs.close
set rs=nothing
response.write Page_List(strPageUrl,CurrentPage,intPageCount,intRecordCount,intPageSize,5,"FF0000")
%>
</div></td>
</tr>
</table>
<%
rs.close
set rs=nothing
end sub %>
大家不要复制,把我贴出来的代码改好就可以了啊
好的话,我加分
展开
 我来答
承叡潘雪莲
2019-03-08 · TA获得超过3806个赞
知道大有可为答主
回答量:3158
采纳率:34%
帮助的人:251万
展开全部
'楼主是两个问题.
横向显示资料库中的资料,可以这样比葫芦画瓢:
<td>
'把要横向循环的语句写在储存格之内就可
<%for
...%>
<%=rs("显示字段名")%><br><%=rs("显示字段名1")%>
<%next%>
</td>
不间断右至左,用marquee:
<marquee
directaion=left
behavior=alternate
height=120
width=120>这里,请把横向显示资料库中的资料,所在的表格</marquee>
'这里补充说明一下behavior的参数值
behavior=scroll|slide|alternate
scroll表示由一端滚动到另一端
slide表示由一端快速滑动到另一端
alternate表示在两端之间来回滚动
louhui1018
推荐于2016-07-14 · TA获得超过4824个赞
知道大有可为答主
回答量:2002
采纳率:0%
帮助的人:1751万
展开全部
'楼主是两个问题.
横向显示资料库中的资料,可以这样比葫芦画瓢:
<td> '把要横向循环的语句写在储存格之内就可
<%for ...%>
<%=rs("显示字段名")%><br><%=rs("显示字段名1")%>
<%next%>
</td>
不间断右至左,用marquee:
<marquee directaion=left behavior=alternate height=120 width=120>这裏,请把横向显示资料库中的资料,所在的表格</marquee>
'这裏补充说明一下behavior的参数值
behavior=scroll|slide|alternate
scroll表示由一端滚动到另一端
slide表示由一端快速滑动到另一端
alternate表示在两端之间来回滚动
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
帐号已注销
2008-04-17 · TA获得超过1682个赞
知道小有建树答主
回答量:402
采纳率:33%
帮助的人:99.9万
展开全部
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>横向不间断的连续滚动图片/文字广告-网页特效观止-网页特效代码|JsCode.CN|</title>
</head>

<body>
<script language="JavaScript">
imgArr=new Array()
imgArr[0]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/l/lisababy6617.gif border=0></a>"
imgArr[1]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/t/testool4434.gif border=0></a>"
imgArr[2]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/s/sxyuda6549.gif border=0></a>"
imgArr[3]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/q/qeji4041.gif border=0></a>"
imgArr[4]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/i/ieasytraining3984.gif border=0></a>"
imgArr[5]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/t/trainings1442.gif border=0></a>"
imgArr[6]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/r/renhebj002indexasp2486.gif border=0></a>"
imgArr[7]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/e/efeedlink6085.gif border=0></a>"
imgArr[8]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/k/kaixingou5811.gif border=0></a>"
imgArr[9]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/h/9happyindex8htm5912.gif border=0></a>"
imgArr[10]="<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://image0.sina.com.cn/images/bizsite/promote/c/chinaroom6034.gif border=0></a>"
var moveStep=1 //步长,单位:pixel
var moveRelax=20 //移动时间间隔,单位:ms

ns4=(document.layers)?true:false

var displayImgAmount=4 //视区窗口可显示个数
var divWidth=125 //每块图片占位宽
var divHeight=60 //每块图片占位高

var startDnum=0
var nextDnum=startDnum+displayImgAmount
var timeID
var outHover=false

var startDivClipLeft
var nextDivClipRight

function initDivPlace(){
if (ns4){
for (i=0;i<displayImgAmount;i++){
eval("document.divOuter.document.divAds"+i+".left="+divWidth*i)
}
for (i=displayImgAmount;i<imgArr.length;i++){
eval("document.divOuter.document.divAds"+i+".left="+divWidth*displayImgAmount)
}
}else{
for (i=0;i<displayImgAmount;i++){
eval("document.all.divAds"+i+".style.left="+divWidth*i)
}
for (i=displayImgAmount;i<imgArr.length;i++){
eval("document.all.divAds"+i+".style.left="+divWidth*displayImgAmount)
}
}
}

function mvStart(){
timeID=setTimeout(moveLeftDiv,moveRelax)
}

function mvStop(){
clearTimeout(timeID)
}

function moveLeftDiv(){
if (ns4){
for (i=0;i<=displayImgAmount;i++){
eval("document.divOuter.document.divAds"+parseInt((startDnum+i)%imgArr.length)+".left=document.divOuter.document.divAds"+parseInt((startDnum+i)%imgArr.length)+".left-moveStep")
}

startDivClipLeft=parseInt(eval("document.divOuter.document.divAds"+startDnum+".clip.left"))
nextDivClipRight=parseInt(eval("document.divOuter.document.divAds"+nextDnum+".clip.right"))

if (startDivClipLeft+moveStep>divWidth){
eval("document.divOuter.document.divAds"+nextDnum+".clip.right="+divWidth)

eval("document.divOuter.document.divAds"+startDnum+".left="+divWidth*displayImgAmount)
eval("document.divOuter.document.divAds"+parseInt((nextDnum+1)%imgArr.length)+".left=document.divOuter.document.divAds"+nextDnum+".left+"+divWidth)
eval("document.divOuter.document.divAds"+parseInt((nextDnum+1)%imgArr.length)+".clip.left=0")

startDnum=(++startDnum)%imgArr.length
nextDnum=(startDnum+displayImgAmount)%imgArr.length

startDivClipLeft=moveStep-(divWidth-startDivClipLeft)
nextDivClipRight=moveStep-(divWidth-nextDivClipRight)
}else{
eval("document.divOuter.document.divAds"+nextDnum+".clip.left=0")
startDivClipLeft+=moveStep
nextDivClipRight+=moveStep
}
eval("document.divOuter.document.divAds"+startDnum+".clip.left="+startDivClipLeft)
eval("document.divOuter.document.divAds"+nextDnum+".clip.right="+nextDivClipRight)
}else{
for (i=0;i<=displayImgAmount;i++){
eval("document.all.divAds"+parseInt((startDnum+i)%imgArr.length)+".style.left=document.all.divAds"+parseInt((startDnum+i)%imgArr.length)+".style.pixelLeft-moveStep")
}

startDivClipLeft=parseInt(eval("document.all.divAds"+startDnum+".currentStyle.clipLeft"))
nextDivClipRight=parseInt(eval("document.all.divAds"+nextDnum+".currentStyle.clipRight"))

if (startDivClipLeft+moveStep>divWidth){
eval("document.all.divAds"+nextDnum+".style.clip='rect(0,"+divWidth+","+divHeight+",0"+")'")

eval("document.all.divAds"+startDnum+".style.left="+divWidth*displayImgAmount)
eval("document.all.divAds"+parseInt((nextDnum+1)%imgArr.length)+".style.left=document.all.divAds"+nextDnum+".style.pixelLeft+"+divWidth)

startDnum=(++startDnum)%imgArr.length
nextDnum=(startDnum+displayImgAmount)%imgArr.length

startDivClipLeft=moveStep-(divWidth-startDivClipLeft)
nextDivClipRight=moveStep-(divWidth-nextDivClipRight)
}else{
startDivClipLeft+=moveStep
nextDivClipRight+=moveStep
}
eval("document.all.divAds"+startDnum+".style.clip='rect(0,"+divWidth+","+divHeight+","+startDivClipLeft+")'")
eval("document.all.divAds"+nextDnum+".style.clip='rect(0,"+nextDivClipRight+","+divHeight+",0)'")
}

if (outHover){
mvStop()
}else{
mvStart()
}

}

function writeDivs(){
if (ns4){
document.write("<ilayer name=divOuter width=750 height="+divHeight+">")

for (i=0;i<imgArr.length;i++){
document.write("<layer name=divAds"+i+">")
document.write(imgArr[i]+" ")
document.write("</layer>")
}
document.write("</ilayer>")
document.close()
for (i=displayImgAmount;i<imgArr.length;i++){
eval("document.divOuter.document.divAds"+i+".clip.right=0")
}
}else{
document.write("<div id=divOuter style='position:relative' width=750 height="+divHeight+">")

for (i=0;i<imgArr.length;i++){
document.write("<div id=divAds"+i+" style='position:absolute;clip:rect(0,"+divWidth+","+divHeight+",0)'>")
document.write(imgArr[i]+" ")
document.write("</div>")
}
document.write("</div>")
for (i=displayImgAmount;i<imgArr.length;i++){
eval("document.all.divAds"+i+".style.clip='rect(0,0,"+divHeight+",0)'")
}
}
}
</script>
<BODY onload=javascript:mvStart()>
<SCRIPT language=JavaScript>writeDivs();initDivPlace();</SCRIPT>
</body>

</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式