<!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>
校园物品交易系统实现的前端代码 （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
资源评论
木道寻
- 粉丝: 1337
- 资源: 20
最新资源
- 机械设计物流双托盘提升机sw18可编辑全套设计资料100%好用.zip
- 基于Java的学院教学工作量统计系统源码（java毕业设计完整源码）.zip
- 三菱plc搭配四轴雅马哈机械手在线检测收料案例程序 （包涵CAD电气图纸，plc程序，人机界面，机器人程序，BOM表）程序中应用到CClink通讯，232串口通讯，数据采集伺服定位控制
- LibUsbDotNet C#
- 机械设计消毒袋封口机x_t全套设计资料100%好用.zip
- 证件照处理的代码演示以及说明
- 基于java的招聘求职系统源码（java毕业设计完整源码）.zip
- 基于Java的校园二手商品交易系统设计与实现源码（java毕业设计完整源码）.zip
- 基于JAVA的校园二手物品交易系统的设计与实现源码（java毕业设计完整源码+LW）.zip
- 学生考试表现影响因素数据集.zip
- 基于Java的校园消费点评系统源码（java毕业设计完整源码）.zip
- 图像加解密的代码展示以及说明
- 基于Java的校园自助洗衣服务管理系统的设计与实现源码（java毕业设计完整源码）.zip
- 基于Python的图像加解密技术实现
- 线性自抗扰（LADRC）的stm32f1程序，实现用编码器反馈控制直流电机调速，控制器采用加了TD的LADRC，控制效果良好，.h和.c分开，代码清晰有注释 有调试说明
- 【Endnote 文献输出样式Style Chinese std GBT7714 下载和使用】
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
