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

📄 member_center.html

📁 网上商店 使用jsp开发网上商店系统 4.1环境准备 为了利用JSP技术,首先需要建立环境。
💻 HTML
📖 第 1 页 / 共 2 页
字号:
🔍
12 
	background: url(file:///E|/site/imgs/NO.png) no-repeat left -20px;
	padding-left: 25px !important;
}
.No2 {
	background: url(file:///E|/site/imgs/NO.png) no-repeat left -40px;
	padding-left: 25px !important;
}
.No3 {
	background: url(file:///E|/site/imgs/NO.png) no-repeat left -60px;
	padding-left: 25px !important;
}
.No4 {
	background: url(file:///E|/site/imgs/NO.png) no-repeat left -80px;
	padding-left: 25px !important;
}
.No5 {
	background: url(file:///E|/site/imgs/NO.png) no-repeat left -100px;
	padding-left: 25px !important;
}
.No6 {
	background: url(file:///E|/site/imgs/NO.png) no-repeat left -120px;
	padding-left: 25px !important;
}
.No7 {
	background: url(file:///E|/site/imgs/NO.png) no-repeat left -140px;
	padding-left: 25px !important;
}
.No8 {
	background: url(file:///E|/site/imgs/NO.png) no-repeat left -160px;
	padding-left: 25px !important;
}
.No9 {
	background: url(file:///E|/site/imgs/NO.png) no-repeat left -180px;
	padding-left: 25px !important;
}
#contentWrap #secondaryContent #newArrival {
	width: 523px;
	float: left;
	margin-left: 10px;
	padding-top: 15px;
}
#contentWrap #secondaryContent #newArrival >.title {
	background: url(file:///E|/site/imgs/bar1.png) no-repeat 0px 0px;
	height: 38px;
}
#contentWrap #secondaryContent #newArrival .title .moreLink {
	width: 60px;
	float: right;
	margin-right: 30px;
	height: 38px;
	line-height: 38px;
	background: url(file:///E|/site/imgs/arrow2.png) no-repeat right center;
}
#contentWrap #secondaryContent #newArrival .content ul.cell {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#contentWrap #secondaryContent #newArrival .content .cell li {
	height: 200px;
	width: 33.3%;
	padding-top: 25px;
	padding-bottom: 25px;
	float: left;
	border-bottom: 1px dashed #999;
	text-align: center;
}
#contentWrap #secondaryContent #newArrival .content .cell .title {
	font-weight: bold;
	color: #0052B4;
	text-align: center;
	margin-bottom: 20px;
}
#contentWrap #secondaryContent #newArrival .content .cell .price {
	text-align: left;
	color: red;
}
#contentWrap #secondaryContent #newArrival .content .cell .price label {
	color: #666;
}
#contentWrap #secondaryContent #newArrival .content .cell .rate {
	text-align: left;
	line-height: 20px;
}
#contentWrap #secondaryContent #newArrival .content .cell .rate label {
	color: #666;
}
#contentWrap #secondaryContent #newArrival .content .cell .moreLink {
	text-align: left;
	line-height: 3;
}
#contentWrap #secondaryContent #newArrival .content .cell .moreLink label {
	color: #666;
}
#contentWrap #secondaryContent #newArrival .content .cell .moreLink a {
	color: red;
}
/**/
.star1 ,.star2 ,.star3 ,.star4 ,.star5 {
	height: 20px;
	background-image: url(file:///E|/site/imgs/starts.png);
	background-repeat: no-repeat;
}
.star1 {
	background-position: 60px -20px;
}
.star2 {
	background-position:60px -40px;
}
.star3 {
	background-position:60px -60px;
}
.star4  {
	background-position:60px -80px;
}
.star5 {
	background-position:60px -100px;
}
#contentWrap #secondaryContent .cu {
	float: left;
	width: 244px;
	margin-left: 5px;
	margin-top: 15px;
	clear: right;
}
#contentWrap #secondaryContent .cu .content {
	border-right: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
}
#contentWrap #secondaryContent .cu .content {
	padding-right: 10px;
	padding-left: 10px;
}
#contentWrap #secondaryContent .cu .content img {
	float: left;
}
#contentWrap #secondaryContent .cu .content .richItem {
	clear: both;
	float: none;
	height: 140px;
}
#contentWrap #secondaryContent .cu .content .richItem .title {
	color: #BE6400;
	font-weight: bold;
	float: left;
	width: 120px;
	margin-left: 10px;
}
#contentWrap #secondaryContent .cu .content .richItem .summary {
	clear: none;
	float: left;
	width: 120px;
	margin-left: 10px;
}
#contentWrap #secondaryContent .cu >.title {
	font-weight: bold;
	color: #000000;
	font-size: medium;
	padding-left: 10px;
	padding-bottom: 15px;
	background: url(file:///E|/site/imgs/roundCorner.png) no-repeat 0px 0px;
}
#contentWrap #secondaryContent .cu .title label {
	line-height: 41px;
	background: url(file:///E|/site/imgs/hot.png) no-repeat right top;
	height: 41px;
	display: block;
}
#contentWrap #secondaryContent .ad {
	width: 722px;
	float: left;
	/*clear: both;*/
	margin-left: 10px;
}
#contentWrap #secondaryContent .goodListWrap {
	/*clear: right;
*/	float: left;
	height: 273px;
	width: 774px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#contentWrap #secondaryContent .goodListWrap .titleWrap {
	float: left;
	width: 165px;
	margin-right: 10px;
	margin-left: 10px;
}
#contentWrap #secondaryContent .goodListWrap .titleWrap {
	line-height: 20px;
	font-weight: bold;
	color: #999;
}
#contentWrap #secondaryContent .goodListWrap .titleWrap .subList {
	font-weight: normal;
	color: #666;
	padding-right: 20px;
}
#contentWrap #secondaryContent .goodListWrap .itemList {
	width: 580px;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
#contentWrap #secondaryContent .goodListWrap .itemList li {
	width: 20%;
	text-align: center;
	float: left;
}
#contentWrap #secondaryContent .goodListWrap .itemList .moreLink {
	background: url(file:///E|/site/imgs/arrow2.png) no-repeat 0px 0px;
	padding-left: 15px;
}
#contentWrap #secondaryContent .goodListWrap .itemList .price {
	color: red;
	font-weight: bold;
	border-top: 1px dashed #999;
	line-height: 18px;
	padding-top: 10px;
}
#contentWrap #secondaryContent .goodListWrap .itemList .productName {
	line-height: 18px;
}
#footWrap {
	clear: both;
	float: none;
	height: 300px;
	text-align: center;
}
#footWrap ul.row {
	margin: 10px auto;
	padding: 0px;
	width: 700px;
}
#footWrap ul.row li {
	float: left;
	width: 100px;
	list-style: none;
	line-height: 22px;
	font-weight: bold;
	color: #666;
}
#footWrap .row ul {
	color: #0052B4;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
}
#footWrap .row li a {
	font-weight: normal;
	color: #0052B4;
}
#contentWrap #hotIntroductWrap {
	margin-top: 10px;
}
#contentWrap {
	min-height: 100%;
}
#positionNav {
	background: #f1f1f1;
	height: 30px;
	border-bottom: 1px dashed #a8a8a8;
	line-height: 30px;
	padding-left: 14px;
}
.STYLE1 {
	color: #666666;
	font: bold;
}
#contentWrap legend {
	font-size: 15px;
	padding-left:10px;
	padding-right:10px;
}

#contentWrap #panel {
	list-style: none;
	margin: 0;
	padding-left: 70px;
}
#contentWrap #panel li {
	width: 266px;
	height: 140px;
	float: left;
	text-align: center;
	margin-top: 60px;
}
#contentWrap fieldset {
	height: 400px;
	border:1px solid #999999;
	width: 95%;
	margin: auto;
	padding: none;
	margin-top: 40px;
}
#contentWrap #panel img {
	border-style: none;
	padding-bottom:20px;
}
/*foot*/

-->
</style>
</head>
<body>
${head}
<div style=" MARGIN: 0px auto; WIDTH: 950px">
<div id="positionNav">

<div style="float:left;">
<span class="STYLE1">您的位置</span> &gt;  <a href="#">会员中心</a>
</div>

<div style="width:340px;float:right;padding-top:7px;">
<div style="float:right;padding-right:10px">
#if(${detailMember.get("ader",0)}==0)
<img src="../imgs/ad_sin.gif" width="13" height="13" align="absmiddle" /> <a href="ad_sn.html">申请广告联盟</a> &nbsp;
#end

#if(${detailMember.get("ader",0)}==2)
<img src="../imgs/ad_co.gif" width="13" height="13" align="absmiddle" /> <a href="ad_co.html">获得广告代码</a> &nbsp;<img src="../imgs/ad_st.gif" width="13" height="13" align="absmiddle" /> <a href="ad_st.html">广告统计报表</a>
#end
</div>
</div>


</div>
<br />
<br />
<div id="contentWrap">
	<fieldset style="background:#FFFFFF"><legend>您好，${account}！  欢迎登录会员中心</legend>
	<ul id="panel">
		<li><a href="my_order.html"><img src="../imgs/a.png" width="70" height="71" border="0" /><br />
	  我的订单</a></li>
		<li><a href="profile.html"><img src="../imgs/b.png" width="69" height="62" border="0" /><br />
	  个人信息</a><a href="#"></a></li>
		<li><a href="favory.html"><img src="../imgs/c.png" width="69" height="63" border="0" /><br />
	  我的收藏</a></li>
		<li><a href="mod_pwd.html"><img src="../imgs/d.png" width="70" height="60" border="0" /><br />
	  修改密码</a><a href="#"></a></li>
		<li><a href="feedback.html"><img src="../imgs/e.png" width="70" height="75" border="0" /><br />
	  意见、投诉</a></li>
		<li><a href="javascript:logout()"><img src="../imgs/f.png" width="68" height="79" /><br />
		退出登录</a></li>
	</ul>
	</fieldset>
</div><br /><br /><br />
</div>
${foot}
</body>
</html>
12

⌨️ 快捷键说明

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