<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="images/icon.png"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>科院校惠通 - 首页</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="scripts/function.js"></script>
<style>
.scroll_div {width:600px; height:62px;margin:0 auto; overflow: hidden; white-space: nowrap; background:#ffffff;}
.scroll_div img {width:120px;height:60px;border: 0;margin: auto 8px; border:1px #efefef solid;}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;}
</style>
<style>
.scroll_div {width:500px; height:100px;margin:0 auto; overflow: hidden; white-space: nowrap; background:#ffffff;}
.scroll_div img {width:120px;height:100px;border: 0;margin: auto 8px; border:1px #efefef solid;}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;}
</style>
<script language="javascript">
function ScrollImgLeft(){
var speed=20
var scroll_begin = document.getElementById("scroll_begin");
var scroll_end = document.getElementById("scroll_end");
var scroll_div = document.getElementById("scroll_div");
scroll_end.innerHTML=scroll_begin.innerHTML
function Marquee(){
if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
scroll_div.scrollLeft-=scroll_begin.offsetWidth
else
scroll_div.scrollLeft++
}
var MyMar=setInterval(Marquee,speed)
scroll_div.onmouseover=function() {clearInterval(MyMar)}
scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
}
function selectname(){
var name = document.getElementById("selectname").value;
location.href='selectProductList?name='+name;
}
</script>
</head>
<body>
<div id="header" class="wrap">
<div id="logo"><a href="indexSelect"><a href="indexSelect"><img src="images/logo2.png" /></a></a></div>
<div class="help">
<c:if test="${name!=null}"><a href="selectdd?dd=${name.EU_USER_ID }">个人订单</a></c:if>
<c:if test="${name!=null}">欢迎您${name.EU_USER_NAME }</c:if>
<a href="ShopSelect" class="shopping">购物车</a>
<c:if test="${name==null}"><a href="login.jsp">登录</a></c:if>
<c:if test="${name!=null}"><a href="zx">退出</a></c:if>
<a href="register.jsp">注册</a><a href="SelallServlet">留言</a>
<c:if test="${name.EU_STATUS==2}"><a href="manage/index.jsp" >后台管理</a></c:if></div>
<div class="navbar">
<div id="childNav2">
<ul >
<li class="first"><a href="#"></a></li>
<li class="last"><input type="text" id="selectname"/></li>
<li> <a href="javascript:selectname()">搜索</a></li>
</ul>
</div>
</div>
</div>
<div id="main-navigation">
<ul class="main-menu">
<li id="current"><a href="indexSelect">首页</a></li>
<li><a href="#">我的信息</a></li>
<li><a href="product-add.jsp">出售商品</a></li>
<li><a href="newsSelect2">科院新闻</a></li>
<li><a href="SelallServlet">进入留言</a></li>
</ul>
</div>
</div>
<div id="main" class="wrap">
<div class="lefter">
<div class="box">
<h2>商品分类</h2>
<dl>
<dt><a href="selectProductList">全部商品</a></dt>
<c:forEach var="f" items="${flist}">
<dt><a href="selectProductList?fid=${f.EPC_ID }">${f.EPC_NAME }</a></dt>
<c:forEach var="c" items="${clist}">
<c:if test="${f.EPC_ID==c.EPC_PARENT_ID}">
<c:if test="${p.EPC_CHILD_ID!=c.EPC_ID}">
<dd><a href="selectProductList?cid=${c.EPC_ID }">${c.EPC_NAME }</a></dd>
</c:if>
</c:if>
</c:forEach>
</c:forEach>
</dl>
</div>
<div class="spacer"></div>
<div class="last-view">
<h2>浏览足迹</h2>
<dl class="clearfix">
<c:forEach var="lastp" items="${lastlylist}">
<dt><a href="selectProductView?id=${lastp.EP_ID }"><img height="40" src="images/product/${lastp.EP_FILE_NAME }" /></a></dt>
<dd><a href="selectProductView?id=${lastp.EP_ID }">${lastp.EP_NAME }</a></dd>
</c:forEach>
</dl>
</div>
</div>
<div class="main">
<div class="price-off">
<!--#####商品的滚动区域#####-->
<div id="scroll_div" class="scroll_div">
<div id="scroll_begin">
<ul>
<li><a href="selectProductView?id=667"><img src="images/product/b6.jpg" /></a></li>
<li><a href="selectProductView?id=670"><img src="images/product/dn5.jpg" /></a></li>
<li><a href="selectProductView?id=672"><img src="images/product/f4.jpg" /></a></li>
<li><a href="selectProductView?id=674"><img src="images/product/j3.jpg" /></a></li>
<li><a href="selectProductView?id=601"><img src="images/product/10.jpg" /></a></li>
<li><a href="selectProductView?id=683"><img src="images/product/m4.jpg" /></a></li>
<li><a href="selectProductView?id=679"><img src="images/product/ts1.jpg" /></a></li>
<li><a href="selectProductView?id=678"><img src="images/product/j5.jpg" /></a></li>
</ul>
</div>
<div id="scroll_end"></div>
</div>
<!--#####商品的滚动区域#####-->
</div>
<script type="text/javascript">ScrollImgLeft();</script>
</div>
<div class="main">
<div class="price-off">
<h2>今日推荐</h2>
<ul class="product clearfix">
<c:forEach var="tp" items="${tlist}">
<li>
<dl>
<dt><a href="selectProductView?id=${tp.EP_ID }" target="_blank"><img src="images/product/${tp.EP_FILE_NAME }" /></a></dt>
<dd class="title"><a href="selectProductView?id=${tp.EP_ID }" target="_blank">${tp.EP_DESCRIPTION }</a></dd>
<dd class="price">${tp.EP_PRICE }.00</dd>
</dl>
</li>
</c:forEach>
</ul>
</div>
<div class="side">
<div class="news-list">
<h4> 科院新闻</h4>
<ul>
<c:forEach var="n" items="${nlist}">
<li><a href="newsSelect2?id=${n.EN_ID }" target="_blank">${n.EN_TITLE }</a></li>
</c:forEach>
</ul>
</div>
<div class="spacer"></div>
</div>
<div class="spacer clear"></div>
<div class="hot">
<h2>强烈推荐</h2>
<ul class="product clearfix">
<c:forEach var="hotp" items="${hlist}">
<li>
<dl>
<dt><a href="selectProductView?id=${hotp.EP_ID }" target="_blank"><img src="images/product/${hotp.EP_FILE_NAME }" /></a></dt>
<dd class="title"><a href="selectProductView?id=${hotp.EP_ID }" target="_blank">${hotp.EP_DESCRIPTION}</a></dd>
<dd class="price">${hotp.EP_PRICE }.00</dd>
</dl>
</li>
</c:forEach>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
科院校惠通1.0<br />Copyright © 周裕<br /><br />
</div>
</body>
</html>
校园物品交易系统实现的前端代码
27 浏览量
2024-04-03
13:58:01
上传
评论
收藏 5.51MB ZIP 举报
校园物品交易系统实现的前端代码 （173个子文件） 
style.css 17KB
w3.gif 114KB 0_tiny.gif 2KB
index.html 7KB user-add.html 7KB product-modify.html 5KB order-modify.html 5KB product.html 4KB user-modify.html 4KB order.html 4KB guestbook.html 4KB product-add.html 4KB productClass-modify.html 3KB user.html 3KB guestbook-modify.html 3KB productClass.html 3KB news.html 3KB productClass-add.html 3KB index.html 3KB news-modify.html 3KB news-add.html 3KB manage-result.html 3KB
chongdianbao.jpg 358KB 99.jpg 207KB xianglian.jpg 88KB fanhe.jpg 85KB sp1.jpg 81KB q5.jpg 58KB dz1.jpg 55KB 0.jpg 55KB q6.jpg 53KB xianshiqi.jpg 53KB q2.jpg 51KB xb2.jpg 49KB j1.jpg 47KB w1.jpg 45KB fff.jpg 44KB shu.jpg 44KB shu.jpg 44KB yd2.jpg 44KB hf3.jpg 43KB huazhuangping.jpg 43KB b2.jpg 41KB ju2.jpg 40KB hf4.jpg 39KB m4.jpg 39KB yd5.jpg 38KB sp4.jpg 37KB sp7.jpg 34KB m3.jpg 33KB w5.jpg 33KB b6.jpg 32KB ccc.jpg 31KB sp2.jpg 31KB b4.jpg 29KB m2.jpg 29KB fz2.jpg 27KB f5.jpg 27KB fz3.jpg 27KB xb4.jpg 27KB m5.jpg 26KB sj1.jpg 25KB sj4.jpg 24KB my5.jpg 23KB f6.jpg 23KB q3.jpg 23KB aaa.jpg 23KB ju3.jpg 21KB my2.jpg 20KB ju5.jpg 20KB ju6.jpg 20KB sh5.jpg 19KB 000.jpg 19KB sp3.jpg 19KB f3.jpg 18KB w4.jpg 18KB my1.jpg 18KB j6.jpg 17KB xb3.jpg 16KB j4.jpg 16KB b3.jpg 16KB my4.jpg 15KB b7.jpg 15KB b5.jpg 15KB sb6.jpg 14KB dz3.jpg 14KB yy1.jpg 14KB yd1.jpg 14KB sb8.jpg 13KB yd3.jpg 13KB xb1.jpg 13KB sp5.jpg 13KB w2.jpg 13KB xb5.jpg 13KB ju4.jpg 13KB f4.jpg 12KB hf1.jpg 12KB m1.jpg 12KB sb2.jpg 12KB sj3.jpg 12KB共 173 条
- 1
- 2
资源评论
