⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 product_brand.html

📁 网上商店 使用jsp开发网上商店系统 4.1环境准备 为了利用JSP技术,首先需要建立环境。
💻 HTML
字号:
#set ($p = ${StringUtil.getInt($request,"p")})
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${detailSonBrand.getString("name")} ${systemConfig.getStringConfigValue("webtitle")}</title>
<meta name="keywords" content="${systemConfig.getStringConfigValue("webtitle")} ${detailSonBrand.getString("name")}">
<meta name="description" content="${systemConfig.getStringConfigValue("webtitle")} ${detailSonBrand.getString("name")}">
<link rel="stylesheet" type="text/css" href="../css/mall_tbsp.css@t=20080730.css" />
<link rel="stylesheet" type="text/css" href="../css/mall_base.css@t=20080730.css" />
<link  rel="stylesheet" type="text/css" href="../css/mall_common.css@t=20080730.css" />	
<link  rel="stylesheet" type="text/css" href="../css/mall_exhibit.css@t=20080730.css" />
<link href="../css/light.css" rel="stylesheet" type="text/css">
<script>
function go(p)
{
	document.dataForm.p.value = p;
	window.location = "product-brand-"+document.dataForm.bid.value+"-"+p+".html";
	//document.dataForm.submit();
}
</script>

<style type="text/css">
<!-- 
#brand #firstContentWrap {
	/*float: left;
	width: 985px;*/
}
#brand #firstContentWrap .itemList {
	clear:both;
}
#brand #firstContentWrap .itemList li {
list-style-type:none;
	width:238px;
	float:left;
	
}
#brand #firstContentWrap .title {
	font-size:13px;
	font-weight:bold;
	clear:both;
	float:none;
	display:block;
	margin-top:30px;
	margin-bottom:10px;
}
#brand #firstContentWrap .itemList .itemPic {
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
	width: 102px;
	height: auto;
	padding: 8px 8px  8px 8px;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	float:left;
}
#brand #firstContentWrap .itemList .itemPic span {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	left: 11px;
	top: 20px;
}
#brand #firstContentWrap .itemList .itemName{
	float: left;
	width: 83px;

}
#brand #firstContentWrap .itemList .itemName a {
	font-size: 13px;
	color: #0052B4;
}
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
#contentWrap #firstContentWrap .tabWrap {
	background: url(../imgs/tab.png) repeat-x 0px -60px;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	height: 30px;
}
#contentWrap #firstContentWrap .tabWrap li {
	float: left;
	height: 30px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 30px;
}
#contentWrap #firstContentWrap .tabWrap .tableftMargin {
	width: 100px;
	background: url(../none);
}
#contentWrap #firstContentWrap .tabWrap .currentTab {
	font-weight: bold;
	background: url(../imgs/tab.png) no-repeat 0px -30px;
	padding-left: 20px;
}
#contentWrap #firstContentWrap .tabWrap .currentTab a {
	background: url(../imgs/tab.png) no-repeat right center;
	display: block;
	padding-right: 35px;
}
#contentWrap #firstContentWrap .tabWrap li {
	background: url(../imgs/tab.png) no-repeat 0px 0px;
	padding-left: 15px;
	margin-left: 15px;
}
#contentWrap #firstContentWrap .tabWrap li a {
	background: url(../imgs/tab.png) no-repeat right 0px;
	display: block;
	padding-right: 15px;
}
#contentWrap #firstContentWrap .itemList .byCell .item li {
	float:none;
	width: 111px;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#contentWrap #firstContentWrap .itemList .byCell li {
	float: left;
	height: 197px;
	width: 234px;
	list-style: none;
	margin: 0;
	padding: 0px;
	margin-left: 20px;
}
#contentWrap #firstContentWrap .itemList .goodsList byCell .offItem {

}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .itemPic {
	border: 1px solid #CCCCCC;
	position: relative;
	width: 102px;
	height: 102px;
	padding: 8px 8px  8px 8px;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .itemPic span {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	left: 11px;
	top: 20px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .itemName{
	float: left;
	width: 83px;
	height: auto;

}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .itemName a {
	font-size: 12px;
	color: #0052B4;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem {
	width: 234px;
	padding: 0;
	margin: 0;
	height: 198px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .rate {
	float: left;
	height: 20px;
	width: 70px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .category {
	float: left;
	height: 20px;
	width: 60px;
	background: url(../imgs/arrow2.png) no-repeat left center;
	padding-left: 16px;
	line-height: 20px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .price .oldPrice {
	text-decoration: line-through;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .price .newPrice {
	font-weight: bold;
	color: #FFFFFF;
	background: #ED4266;
	margin-left: 20px;
	font-size:14px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .price {
	line-height: 30px;
	height: 30px;
	width: 234px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .offTime {
	line-height: 20px;
	height: 20px;
	background: url(../imgs/clock2.gif) no-repeat left center;
	padding-left: 20px;
	color: #6C9100;
}
#contentWrap #firstContentWrap .itemList .goodsList li {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 234px;
	margin-left: 0px;
}
#contentWrap #firstContentWrap .itemList .goodsList li {
	height: 220px;
}

.bandtree select
{
	width:150px;
	font-size:13px;
}

-->
</style>

<script>
function go(p)
{
	document.dataForm.p.value = p;
	window.location = "product-brand-"+document.dataForm.bid.value+"-"+p+".html";
	//document.dataForm.submit();
}

function goBrand(bid)
{
	location="product-brand-"+bid+".html";
}

</script>
<!-- InstanceEndEditable -->
</head>
<body>
${head}
<div style=" margin-left:auto;MARGIN: 0px auto; WIDTH: 950px">
<!-- InstanceBeginEditable name="EditRegion4" -->
<div id="positionNav">您的位置   » ${detailFatherBrand.getString("name")} » ${detailSonBrand.getString("name")} 品牌</div>
<!-- InstanceEndEditable --><br>
<div id="contentWrap">
			<div id="firstContentWrap"><!-- InstanceBeginEditable name="EditRegion2" -->
				<div style="border-top-width: 0px;	border-right-width: 0px;	border-bottom-width: 1px;	border-left-width: 0px;	border-top-style: dashed;	border-right-style: dashed;	border-bottom-style: dashed;	border-left-style: dashed;	border-top-color: #666666;	border-right-color: #666666;	border-bottom-color: #666666;	border-left-color: #666666;padding-bottom:15px;">
  <table width="100%" border="0" cellspacing="0" cellpadding="3">
    <tr>
      <td width="18%" align="left"><img src="${ConfigBean.getStringValue("systenFolder")}.${ConfigBean.getStringValue("upload_pro_img")}${detailSonBrand.getString("img")}" /></td>
      <td width="58%" align="left" valign="top">${detailSonBrand.getString("description")}</td>
      <td width="24%" align="right" valign="top" class="bandtree"> ${brandTree}</td>
    </tr>
  </table>
			</div>
				<br />


				<div class="itemList">

			<ul class="goodsList">
${pc.setPageNo($p)}
${pc.setPageSize(16)}
#foreach ( $newPro in ${productMgr.getNewProductByBrandId($bid,$pc)} )
				<li>
					<ul class="offItem">
						<li class="itemPic"><a target="_blank" href="detail-${newPro.getString("pid")}.html"><img src="${ConfigBean.getStringValue("systenFolder")}.${ConfigBean.getStringValue("upload_pro_img")}${newPro.getString("img_s")}" width="100" height="100" /></a></li>
						<li class="itemName"  style="height:46px;overflow:hidden;"><a  target="_blank" href="detail-${newPro.getString("pid")}.html">${newPro.getString("name")}</a></li>
						<li class="rate star${newPro.get("star_avg",0)}">&nbsp;</li>
						<li class="category"><a  target="_blank" href="../catalog/list-s-${newPro.getString("cparentid")}-${newPro.getString("cid")}.html">${newPro.getString("ctitle")}</a> </li>
						<li class="price"> 
							  <span class="newPrice">${productMgr.getProductPriceStr($newPro)}</span></li>
						
					</ul>
				</li>
#end
			<div style="clear:both;"></div></ul><div style="clear:both;"></div>
			</div><div style="clear:both;"></div>
				<div class="pagerWrap"  style="clear:both;">
        <form name="dataForm">
          <input type="hidden" name="p">
		  <input type="hidden" name="bid" value="${bid}">
        </form>
        <tr> 
          <td height="28" align="right" valign="middle"> 
<DIV class=pages  align="right"> 
${StringUtil.getTurnPage($pc,$p)}
 </div>
		  </div>
		  		<script>
document.write('<script src="${ConfigBean.getStringValue("systenFolder")}count.jsp?ref='+escape(document.referrer)+'&currentURL='+escape(document.location)+'&color_depth='+screen.colorDepth+'&screen='+screen.width+'x'+screen.height+'&lang='+navigator.systemLanguage+'"><\/script>');
		</script>	
	<!-- InstanceEndEditable --></div>
</div>
</div>
${foot}
</body>
<!-- InstanceEnd --></html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -