📄 index2.jsp

📁 网上书店的一个简单实例
💻 JSP
字号:
<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!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=gb2312" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />



<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE2 {
	font-family: "黑体";
	font-size: 36px;
}

-->
</style>

<style type="text/css">

body {
	background: #fff;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 12px;
}
#hoverpage ul#outer li div p {font-size:12px; line-height:16px; margin:5px 0 15px 0;}
#hoverpage ul#outer li div h2 {line-height:1em; color:#585; font-size:1.5em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;}
#hoverpage ul#outer li div h3 {line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#outer li div h3.clear {clear:left;}


#hoverpage {width:650px; height:450px; border:1px solid #aaa; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left;}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:500px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#080; font-style:normal; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:30px;}
#hoverpage ul#outer li.p2 i {top:55px;}
#hoverpage ul#outer li.p3 i {top:80px;}
#hoverpage ul#outer li.p4 i {top:105px;}
#hoverpage ul#outer li.p5 i {top:130px;}


#hoverpage ul#outer li.page div {display:block; width:600px; height:400px; padding:25px; font-weight:normal; color:#444;}
#hoverpage ul#outer li.p1 div {background:#fff url(page1_back.jpg);}
#hoverpage ul#outer li.p2 div {background:#fff url(page2_back.jpg);}
#hoverpage ul#outer li.p3 div {background:#fff url(page3_back.jpg);}
#hoverpage ul#outer li.p4 div {background:#fff url(page4_back.jpg);}
#hoverpage ul#outer li.p5 div {background:#fff url(page5_back.jpg);}

#hoverpage ul#outer li div img {border:1px solid #888; float:right; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:190px; height:230px; float:left; background:transparent url(current.gif) no-repeat; margin-right:10px;}

#hoverpage ul#outer li.p1 div em {background-position: 21px 0;}
#hoverpage ul#outer li.p2 div em {background-position: 21px 25px;}
#hoverpage ul#outer li.p3 div em {background-position: 21px 50px;}
#hoverpage ul#outer li.p4 div em {background-position: 21px 75px;}
#hoverpage ul#outer li.p5 div em {background-position: 21px 100px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverpage ul#outer a:hover i {color:#66a; font-weight:bold;} /* for IE6 */
#hoverpage ul#outer :hover a i {color:#66a; font-weight:bold;}

#hoverpage ul#outer div ul li {line-height:20px; font-size:0.9em; color:#256; list-style-type:disc;}
#hoverpage ul#outer div ul li a {line-height:20px; font-size:1.1em; color:#c00;}

#hoverpage ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;}
#hoverpage ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;}



</style>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>

<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/css2.css" />



</head>

<body>
<div align="center">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100%" height="80">
    <param name="movie" value="logo.swf" />
    <param name="quality" value="high" />
    <embed src="logo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="80"></embed>
  </object>
</div>



<!--bottom dock -->
<div class="dock" id="dock2">
  <div class="dock-container2">
  <a class="dock-item2" href="#"><span>Home</span><img src="images/home.png" alt="home" /></a> 
  <a class="dock-item2" href="#"><span>Contact</span><img src="images/email.png" alt="contact" /></a> 
  <a class="dock-item2" href="#"><span>Portfolio</span><img src="images/portfolio.png" alt="portfolio" /></a> 
  <a class="dock-item2" href="#"><span>Music</span><img src="images/music.png" alt="music" /></a> 
  <a class="dock-item2" href="#"><span>Video</span><img src="images/video.png" alt="video" /></a> 
  <a class="dock-item2" href="#"><span>History</span><img src="images/history.png" alt="history" /></a> 
  <a class="dock-item2" href="#"><span>Calendar</span><img src="images/calendar.png" alt="calendar" /></a> 
  <a class="dock-item2" href="#"><span>Links</span><img src="images/link.png" alt="links" /></a> 
  <a class="dock-item2" href="#"><span>RSS</span><img src="images/rss.png" alt="rss" /></a> 
  <a class="dock-item2" href="#"><span>RSS2</span><img src="images/rss2.png" alt="rss" /></a> 
  </div>
</div>

<!--dock menu JS options -->
<script type="text/javascript">
	
	$(document).ready(
		function()
		{
			$('#dock2').Fisheye(
				{
					maxWidth: 60,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container2',
					itemWidth: 40,
					proximity: 80,
					alignment : 'left',
					valign: 'bottom',
					halign : 'center'
				}
			)
		}
	);

</script>





<div id="pointermenu">
<ul>
<li><a href="index2.jsp">主 页</a></li>

<% 
  String LoggedUserName  = (String)session.getAttribute("logged");
  if(LoggedUserName==null)
{
out.print("<li>"+"<a href=login.jsp"+">"+"用户登陆"+"</a>"+"</li>");
}
else 
{
out.print("<li>"+"<a href=userinfo.jsp"+">"+"我的个人资料"+"</a>"+"</li>");
}
%>



<li><a href="register.jsp">用户注册</a></li>
<li><a href="downloadcenter.jsp">下载中心</a></li>
<li><a href="http://www.zcool.com.cn/">友情链接</a></li>
<li><a href="mailto:liudun05@163.com">联系我们</a></li>

<% 
  if(LoggedUserName==null)
{}
else 
{
out.print("<li>"+"<a href=upload.jsp"+">"+"上传我的作品"+"</a>"+"</li>");
}
%>



<li><a id="rightcorner"> </a></li>

</ul>
</div>


<div align="right" id="baidu">
<form action="http://www.baidu.com/baidu" target="_blank">
<table bgcolor="#FFFFFF"><tr><td>
<input name=tn type=hidden value=baidu>
<a href="http://www.baidu.com/"><img src=baidulogo.gif alt="Baidu" width="79" height="27" border="0" align="bottom"></a>
<input type=text name=word size=20>
<input type="submit" value="百度搜索">
</td></tr></table>
</form>
</div>

<div align="center"></div>


<div align="center">
<div id="hoverpage">

<ul id="outer">
<li class="page p1"><a href="#nogo" class="menuitem"><i>关于我们</i><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div>
<em></em>
<img src="bags.jpg" alt="" />
<h2>关于我们</h2>
<h3>住在东校园东1－608的一群人</h3>
<ul>
<li>宿舍电话</li>
<li>0771-2313010</li>
<li>组长：刘盾</li>
<li>组员1号：胡斌</li>
<li>组员2号：黄凯</li>
<li>组员3号：吴鸿育</li>
<li>所在班级：</li>
<li>计算机科学技术与网络工程类061班</li>
</ul>
<h3 class="clear">在宿舍喜欢做的事情</h3>
<p>用电脑还有玩电脑……
</p>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="page p2"><a href="#nogo" class="menuitem"><i>关于刘盾</i><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div>
<em></em>
<img src="images/xianjianqixiazhuan4.jpg" alt="" width="160" height="227" />
<h2>关于刘盾</h2>
<h3>学号0607100147的男人</h3>
<ul>
<li>他的家乡<br />广西壮族自治区贵港市</li>
<li>他的座右铭<br />全靠自己,很难……</li>
<li>他这次的设计感想<br />1％完成度</li>
<li>他想说<br />感谢你们的支持！</li>
</ul>
<h3 class="clear">完成的工作</h3>
<p>组长，除分配工作外还跟其他三人一起研究了网页具体功能的代码，网站合并工作的主要负责人，网页测试的1号人员。</p>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="page p3"><a href="#nogo" class="menuitem"><i>关于胡斌</i><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div>
<em></em>
<img src="images/dahanghaishidai.jpg" alt="" width="160" height="227"  />
<h2>关于胡斌</h2>
<h3>学号0607100139的男人</h3>
<ul>
<li>他的家乡<br />广西壮族自治区柳州市</a></li>
<li>他的座右铭</li>
<li>随便</li>
<li>他这次的设计感想<br />组长好无聊……</a></li>
<li>他想说</li>
<li>给高点分吧！老师！</li>
</ul>
<h3 class="clear">完成的工作</h3>
<p>网页下载中心的设计和维护人员，负责设计下载功能代码的测试及下载图片的搜集。</p>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="page p4"><a href="#nogo" class="menuitem"><i>关于黄凯</i><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div>
<em></em>
<img src="images/dahuaxiyou3.jpg" alt="" width="160" height="227" />
<h2>关于黄凯</h2>
<h3>学号0607100128的男人</h3>
<dl>
<dd>他的家乡</dd>
<dt>广西壮族自治区南宁市</dt>
<dd>他这次的设计感想</dd>
<dt>忙！</dd>
<dd>他想说</dd>
<dd>大家都很忙！</dd>
</dl>
<h3 class="clear">完成的工作</h3>
<p>负责素材搜索工作，很多网站建设建议。</p>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="page p5"><a href="#nogo" class="menuitem"><i>关于吴鸿育</i><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div>
<em></em>
<img src="images/jipinfeiche11.jpg" alt="" width="160" height="227" />
<h2>关于吴鸿育</h2>
<h3>学号0607100122的男人</h3>
<ul>
<li>他的家乡</li>
<li>广西壮族自治区贺州市</li>
<li>他的座右铭</li>
<li>没有</li>
<li>他的设计感想</li>
<li>没有</li>

</ul>
<h3 class="clear">完成的工作</h3>
<p>负责数据库的构建，登陆和注册页面的负责人。
</p>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</div>



</body>
</html>
💿 文件大小 1832 K
👤 上传用户 feitiandy001
📂 所属分类多国语言处理
⌨️ 快捷键说明

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