| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 595 人关注过本帖
标题:这段ASP网页代码,是横着显示产品小图片,如何改成纵向显示小图,谢谢啦
只看楼主 加入收藏
lpz_sky
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2009-9-22
结帖率:0
收藏
已结贴  问题点数:20 回复次数:4 
这段ASP网页代码,是横着显示产品小图片,如何改成纵向显示小图,谢谢啦
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url();
    background-color: #FFFFFF;
}
-->
</style>
<!--#include file="include.asp" -->
<link href="images/css.css" rel="stylesheet" type="text/css" />
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" src="js/prototype.js"></script>
<script language="JavaScript" type="text/javascript" src="js/effects.js"></script>
<script language="JavaScript" type="text/javascript" src="js/glider.js"></script>
</head>

<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
<table height="90" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td style="padding-top:4px" align="left" valign="top"><img style="CURSOR: hand;"  onClick="my_glider.previous();return false;" src="images/0011.jpg"  /></td>
                      <td width="640" height="90" align="center" valign="middle"><DIV class=feature id=my-glider>
<DIV class=scroller>
<DIV class=content>


<%
Cid=Request("Cid")
if cid<>"" and isnumeric(cid) then   
  CLSIDLIST = P.GetSubClassID(cid)
  CLSIDLIST=CLSIDLIST&cid
end if

if cid<>"" and isnumeric(cid) then   
pcounts=P.Get_RsCount(conn,"[product]","cid in (" & CLSIDLIST &")")
else
pcounts=P.Get_RsCount(conn,"[product]","1=1")
end if


counts1=1
counts2=1
SearchKey=trim(Request("SearchKey"))
if session("user")="" then
Sql="select  ArticleID,smallpic,title,cid from product where Elite=false"
else
Sql="select  ArticleID,smallpic,title,cid from product where 1=1"
end if
if CLSIDLIST<>""  then
Sql=Sql&" and cid in (" & CLSIDLIST &")"
end if




if  SearchKey<>"" then
 Sql=Sql&" and (title like '%"&SearchKey&"%'   or content like '%"&SearchKey&"%' )"
end if
 Sql=Sql &" order by grade asc,ArticleID desc"
Set rs=Server.CreateObject("adodb.recordset")
rs.open sql,conn,1,1
do while not rs.eof
%>
<% if counts1=1  then %><DIV class=section id=section1><ul><% end if %>

<li><% if rs("smallpic")<>"" then %><a target="proshow" href="proshow.asp?cid=<%=cid%>&Sendid=<%=rs("ArticleID")%>"><img src="<%=rs("smallpic")%>" alt="<%=rs("title")%>" width="86" height="88" border="0" /><% else response.Write("No pic") end if %></a><span class="cp"><a target="proshow" href="proshow.asp?cid=<%=cid%>&Sendid=<%=rs("ArticleID")%>"><%=rs("title")%></a></span><li>

<% if   counts1  mod 7 =0 or counts1=pcounts then  %></ul></DIV><% end if %>

<%
if   counts1  mod 7 =0 then   %><DIV class=section id=section<%=counts2/7+1%>><ul>
<%  
end if
%>
<%
counts1=counts1+1
counts2=counts2+1
rs.movenext
loop
rs.close
set rs=nothing
%>   
</div>                  
</DIV>
<SCRIPT language=javascript type=text/javascript>
    var my_glider = new Glider('my-glider', {duration:0.5});
</SCRIPT>
</DIV></td>
                      <td style="padding-top:4px" align="right" valign="top"><img src="images/0022.jpg" width="14" height="90" style="CURSOR: hand;" onClick="my_glider.next();return false"   /></td>
                    </tr>
</table>
</body>
</html>
搜索更多相关主题的帖子: 代码 ASP 网页 
2009-09-22 10:19
aspic
Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17
等 级:贵宾
威 望:51
帖 子:2258
专家分:8050
注 册:2008-2-18
收藏
得分:20 
修改样式
2009-09-22 10:46
lpz_sky
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2009-9-22
收藏
得分:0 
是那个样式文件名,你说下,我传上来给你看
2009-09-22 10:53
lpz_sky
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2009-9-22
收藏
得分:0 
这是CSS样式表
A {
    TEXT-DECORATION: none
}
 
.section img{ display:block;  }
.section UL { list-style:none;margin:0; padding-LEFT:5PX}
.section li { float:left; display:inline; margin-right:2px;}
 
.feature {
    WIDTH: 665px;
    POSITION: relative;
    padding-top:5px;
}
.feature H2 {
    text-align: left;
    text-indent: 2px;
}
.feature A IMG {
    BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid
}
.feature A:hover IMG {
    BORDER-RIGHT: #79470C 1px solid; BORDER-TOP: #79470C 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #79470C 1px solid; BORDER-BOTTOM: #79470C 1px solid
}
#my-glider {
    POSITION: relative
}
.scroller {
    OVERFLOW: hidden; WIDTH: 665px; HEIGHT:114px
}
.scroller .section {
    FLOAT: left; OVERFLOW: hidden; WIDTH: 665px; WHITE-SPACE: nowrap; HEIGHT: 114px; TEXT-ALIGN: center
}
.scroller .content {
    WIDTH: 10000px
}
2009-09-22 10:58
aspic
Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17
等 级:贵宾
威 望:51
帖 子:2258
专家分:8050
注 册:2008-2-18
收藏
得分:0 
.section li {margin-right:2px;}  
2009-09-22 16:17
快速回复:这段ASP网页代码,是横着显示产品小图片,如何改成纵向显示小图,谢谢啦
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.030850 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved