首頁new wj v1

瓜瓜東西發表於2014-12-23

0 資訊來源

解放軍報
中國青年報
財新網
南方都市報
人民網
中國新聞網

1 template index page

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.9.1.js"></script>  
<style type="text/css">
*{
	padding:0px;
}
a{
	text-decoration:none;
	color:#333;
}
ul{
	margin:0px;
}
ul li{
	list-style:none;
}
.fs12{
	font-size:12px;
}
.fs14{
	font-size:14px;
}
.top10{
	margin-top:10px;
}
.radius5{
	-webkit-border-radius:5px;
}
.border1{
	border:1px solid #ddd;
}
.main{
	width:960px;
	margin:0px auto;
}
.navtitle{
	width:960px;
	/* background:rgb(235,235,235); */
	/* 意思是等價的*/
	background:#eaeaea;
	font-size:12px;
	height:30px;
	padding-left:10px;
	padding-right:10px;
}
.navtitle div{
	line-height:12px;
}
.navtitle a{
	color:#17448b;
}
.navtitle .link{
	padding:10px;
}
.navmenu{
	width:960px;
	height:70px;
	background:url();
	background-color:rgb(60,110,195);
	color:#ffffff;
	-webkit-border-radius:5px;
}
.float{
	float:left;
}
.floatr{
	float:right;
}
.cls{
	clear:both;
}
.navmenu{
	margin-top:10px;
	font-size:12px;
}
.navmenu .menu li{
	float:left;
	padding-left:15px;
	padding-right:15px;
}
.menu .type ul{
	margin-top:10px;
}
.navmenu .img{
	padding-top:13px;
	padding-left:20px;
	width:158px;
	height:45px;
}
.navmenu .logo{
	width:200px;
}
.navmenu .menu{
	width:720px;
}
.menu ul{
	padding-top:8px;
}
.con .left{
	width:336px;
	height:1001px;
}
.left .loop{
	height:318px;
}
.loop .tq{
	font-size:12px;
	margin-top:10px;
	margin-left:10px;
	height:30px;
}
.loop .img{
	width:315px;
	height:220px;
}
.loop1,.loop2{
	margin-left:10px;
}
.loop2 .img2{
	margin-top:3px;
	width:72px;
	height:45px;
	border:2px solid #eaeaea;
}
.pdjx .title, .jhyd .title{
	font-size:16px;
	color:#ffffff;
	height:30px;
	background-color:rgb(60,110,195);
	padding-left:15px;
	padding-top:10px;
	font-weight:bold;
}
.pdjx .con1 a{
	font-size:14px;
}
.con1 li{
	margin:10px;
}
.con2 .aa{
	padding-left:5px;
	float:left;
	font-size:12px;
	color:#333;
	width:162px;
}
.con2 .bb{
	padding-right:5px;
	float:right;
	font-size:12px;
	color:#333;
	width:162px;
}
.con2 .img{
	width:150px;
	height:96px;
}
.middle{
	width:433px;
	height:490px;
	padding:0px 10px;
}
.middle .tt{
	font-weight:400px;
	font-size:20px;
}
.middle .hot li{
	margin:6px;
	margin-left:20px;
}
.middle .hot ul a{
	font-size:14px;
	color:#333;
}
.top{
	width:403px;
}
.hqw .title{
	background-color:#eeeeee;
	height:30px;
	padding-left:15px;
}
.hqw h2{
	font-size:14px;
	color:#17448b;
}
.hqw .con3 .li{
	width:154px;
}
.hqw .con3 li img{
	padding-left:8px;
	width:131px;
	height:64px;
}
.hqw .con3 .li a{
	font-size:12px;
	color:#333;
}
.hqw .con3 .rt{
	width:233px;
}
.hqw .con3 .rt .ul1{
	border-bottom:1px dashed #ddd;
	padding-bottom:10px;
}
.hqw .con3 rt a{
	font-size:14px;
	color:#333;
}
.hqw .con3 .rt li{
	margin:6px;
}
.hqw .li li{
	text-align:center;
}
.hjsm{
	width:403px;
	height:175px;
}
.hjsm .title{
	background-color:#eeeeee;
	height:30px;
	padding-left:15px;
}
.hjsm h2{
	font-size:14px;
	color:#17448b;
}
.hjsm .con4 .img{
	width:73px;
	height:102px;
	padding-left:3px;
}
.hjsm .con4{
	text-align:center;
}
.hjsm .con4 li{
	float:left;
	width:95px;
	height:130px;
}
.hjsm .con4 li a{
	font-size:12px;
	color:#333;
}
</style>
</head>
<body>
<div class="main">
	<div class="navtitle">
		<form>
			<div class="float">
				通行證：
				<input type="text" name="name">
				密碼：
				<input type="password" name="password">
				<input type="button" name="" value="登陸">
				<input type="button" name="" value="註冊">
			</div>
			<div class="floatr link">
				|
				<a href="#">忘記密碼</a>
				|
				<a href="#">進入郵箱</a>
				|
				<a href="#">湯元支付</a>
				|
				<a href="#">設為主頁</a>
				|
				<a href="#">導航</a>
				|
				<a href="#">發表</a>
			</div>
			<div class="cls"></div>
		</form>
	</div>
	<div class="navmenu">
		<div class="float logo">
			<img src="#" class="img"/>
		</div>
		<div class="menu floatr">
			<ul class="type">
				<li>新聞</li>
				<li>國內</li>
				<li>新聞</li>
				<li>國內</li>
				<li>新聞</li>
				<li>國內</li>
				<li>新聞</li>
				<li>國內</li>
				<li>國內</li>
				<li>國內</li>
				<li>新聞</li>
				<li>國內</li>
				<li>國內</li>
				<li class="cls"></li>
			</ul>
			<ul class="type">
				<li>新聞</li>
				<li>國內</li>
				<li>新聞</li>
				<li>國內</li>
				<li>新聞</li>
				<li>國內</li>
				<li>國內</li>
				<li>新聞</li>
				<li>新聞</li>
				<li>國內</li>
				<li>新聞</li>
				<li>國內</li>
				<li>國內</li>
				<li class="cls"></li>
			</ul>
		</div>
		<div class="cls"></div>
	</div>
	<div class="con top10">
		<div class="left float">
			<div class="loop border1">
				<div class="tq">
					<div >12月23日 星期二 臺北  33/26℃</div>
				</div>
				<div class="loop1">
					<img src="#" class="img">
				</div>
				<div class="loop2">
					<img src="#" class="img2">
					<img src="#" class="img2">
					<img src="#" class="img2">
					<img src="#" class="img2">
				</div>
			</div>
			<!-- 頻道精選 -->
			<div class="pdjx fs14 top10">
				<div class="title radius5">
					頻道精選
				</div>
				<div class="con1">
					<ul>
						<li><a href="#">> 前國家男足門將劉雲飛第3次因吸冰毒被拘</a></li>
						<li><a href="#">> 前國家男足門將劉雲飛第3次因吸冰毒被拘</a></li>
						<li><a href="#">> 前國家男足門將劉雲飛第3次因吸冰毒被拘</a></li>
						<li><a href="#">> 前國家男足門將劉雲飛第3次因吸冰毒被拘</a></li>
						<li><a href="#">> 前國家男足門將劉雲飛第3次因吸冰毒被拘</a></li>
						<li><a href="#">> 前國家男足門將劉雲飛第3次因吸冰毒被拘</a></li>
						<li><a href="#">> 前國家男足門將劉雲飛第3次因吸冰毒被拘</a></li>
						<li><a href="#">> 前國家男足門將劉雲飛第3次因吸冰毒被拘</a></li>
						<li><a href="#">> 前國家男足門將劉雲飛第3次因吸冰毒被拘</a></li>
						<li><a href="#">> 前國家男足門將劉雲飛第3次因吸冰毒被拘</a></li>
					</ul>
				</div>
			</div>
			<!-- 聚合閱讀 -->
			<div class="jhyd radius5">
				<div class="title">
					聚合閱讀
				</div>
				<div class="con2">
					<ul>
						<li>
							<div class="aa">
								<img src="#" class="img">
								<a href="#">成都剩男街頭用意念徵婚</a>
							</div>
							<div class="bb">
								<img src="#" class="img">
								<a href="#">成都剩男街頭用意念徵婚</a>
							</div>
						</li>
						<li>
							<div class="aa">
								<img src="#" class="img">
								<a href="#">成都剩男街頭用意念徵婚</a>
							</div>
							<div class="bb">
								<img src="#" class="img">
								<a href="#">成都剩男街頭用意念徵婚</a>
							</div>
						</li>
						<li>
							<div class="aa">
								<img src="#" class="img">
								<a href="#">成都剩男街頭用意念徵婚</a>
							</div>
							<div class="bb">
								<img src="#" class="img">
								<a href="#">成都剩男街頭用意念徵婚</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="middle float">
			<div class="hot border1">
				<center><h3 class="tt">習近平澳門之行全紀錄</h3></center>
				<ul>
					<li><a href="#">男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
				</ul>
			</div>
			<div class="hot top10 border1">
				<ul>
					<li><a href="#">> 男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">> 男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">> 男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">> 男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">> 男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">> 男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">> 男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">> 男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">> 男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
					<li><a href="#">> 男嬰被棄醫院21天家長稱做好申請善款準備</a></li>
				</ul>
			</div>
			<!-- 匯奇聞 -->
			<div class="hqw border1">
				<div class="title">
					<h2>匯奇聞</h2>
				</div>
				<div class="con3">
					<div class="li float"><!-- left img -->
						<ul>
							<li>
								<img src="#" class="img">
								<a href="#">網民權益保護有獎調查</a>
							</li>
							<li>
								<img src="#" class="img">
								<a href="#">網民權益保護有獎調查</a>
							</li>
							<li>
								<img src="#" class="img">
								<a href="#">網民權益保護有獎調查</a>
							</li>
							<li>
								<img src="#" class="img">
								<a href="#">網民權益保護有獎調查</a>
							</li>
						</ul>
					</div>
					<div class="rt floatr"><!-- right text -->
						<div class="">
							<ul class="ul1">
								<li><a href="">聶樹斌母親簽收複查決定書</a></li>
								<li><a href="">聶樹斌母親簽收複查決定書</a></li>
								<li><a href="">聶樹斌母親簽收複查決定書</a></li>
								<li><a href="">聶樹斌母親簽收複查決定書</a></li>
								<li><a href="">聶樹斌母親簽收複查決定書</a></li>
								<li><a href="">聶樹斌母親簽收複查決定書</a></li>
							</ul>
							<ul>
								<li><a href="">聶樹斌母親簽收複查決定書</a></li>
								<li><a href="">聶樹斌母親簽收複查決定書</a></li>
								<li><a href="">聶樹斌母親簽收複查決定書</a></li>
								<li><a href="">聶樹斌母親簽收複查決定書</a></li>
								<li><a href="">聶樹斌母親簽收複查決定書</a></li>
								<li><a href="">聶樹斌母親簽收複查決定書</a></li>
							</ul>
						</div>
					</div>
					<div class="cls"></div>
				</div>
			</div>
			<!-- 幻劍書盟 -->
			<div class="hjsm border1">
				<div class="title">
					<h2>幻劍書盟 </h2>
				</div>
				<div class="con4">
					<ul>
						<li>
							<img src="#" class="img">
							<a href="#">無盡遊戲EG</a>
						</li>
						<li>
							<img src="#" class="img">
							<a href="#">無盡遊戲EG</a>
						</li>
						<li>
							<img src="#" class="img">
							<a href="#">無盡遊戲EG</a>
						</li>
						<li>
							<img src="#" class="img">
							<a href="#">無盡遊戲EG</a>
						</li>
						<li class="cls">
					</ul>
				</div>
			</div>
		</div>
		<div class="right floatr"></div>
		<div class="cls"></div>
	</div>
</div>	
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>奇月網 - 註冊</title>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.9.1.js"></script>
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
a{
text-decoration:none;
}
body{
height:2000px;
}
.all{
width:1200px;
margin:0px auto;
}

.border{
border:1px solid #C8C8C8;
}
ul,li{
list-style: none;
}
.top{
margin:10px;
}
.logo{
float:left;
height:38px;

}
.logo img{
width:163px;
height:70px;
}
.login .btn{
/* background-color:#b9121b; */
background:url(<%=request.getContextPath()%>/img/wjgate/btn.jpg);
height:32px;
}

.login{
float:right;
text-align:right;
}

.login a{
text-decoration: none;
color:#b9121b;
font-size:12px;
}
.login .rl{
padding-bottom:20px;
}
.login .f{
height:30px;
padding-bottom:10px;
}
.cls{
clear:both;
}
.nav{
background:#b9121b;
height:44px;
width:100%;
font-weight:bold;
color:#ffffff;
margin-bottom:10px;
}
.float{
float:left;
}
.nav ul li{
float:left;
font-size: 16px;
margin-left:50px;
line-height:38px;
}
.nav .n{
width:1200px;
margin:0px auto;
}
.panel{

}
.panel .message{
margin-left: auto;
margin-right: auto;
width:960px;
height:700px;
}
.message .title{
background: #F2F2F2;
heiht:31px;
}
.title h3{
font-size:14px;
color:#333;
padding-left:25px;
padding-right:25px;
padding-top:12px;
}
.title .toreg{
float:right;

}
.title .toreg a{
color:#369;
font-weight:normal;
}
.content{
margin:auto;
width:900px;
color: #369;
font-size:12px;
padding-top:10px;
}
.content table{
margin:0px auto;
padding-top:15px;
border-collapse:collapse;
border:none;
width:600px;
}
td input{
height:23px;
}
td{
border:1px solid #C8C8C8;
padding:10px;
}
/*如果是tr屬性就用 align = right */
.trl{
width:150px;
text-align:right;
}
.trr{
width:450px;
text-align:left;
}
</style>
<script type="text/javascript">
$(document).ready(function(){

});

var register={
data:{
name:"",
password:"",
passwordch:"",
email:"",
phone:"",
qq:"",
ip:"",
address:"",
},
initData:function(){
register.data.name = $("#name").val();
register.data.password=$("#password").val();
register.data.passwordch=$("#passwordch").val();
register.data.email=$("#email").val();
$("#ip").val(returnCitySN["cip"]);
$("#address").val(returnCitySN["cname"]);
},
check:function(){

},
submit:function(){
register.initData();
register.check();
//ajax 方式先不用
$("#form").submit();
},
checkAndSubmit :function(){//包含了頁面驗證和後臺驗證以及提交

},
cleartip :function(){//點submit前清空tip

}
};

</script>
</head>
<body>
<div class="all border">
<div class="top">
<div class="logo">
<a href=""><img src="<%=request.getContextPath()%>/img/wjgate/logo.jpg"></a>
</div>
<div class="login">
<div class="rl">
<a href="#">登陸</a>
<a href="#">註冊</a>
</div>
<div class="f">
<form>
<input style="height:30px;" type="text" style="height: 25px ;width:220px"/>
<input id="btn" class="btn" type="button" value=" " />
</form>
</div>
</div>
<div class="cls"></div>
</div>
</div>
<div class="border">
<div class="nav float">
<div class="n">
<ul>
<li>首頁</li>
<li>論壇</li>
<li>江湖</li>
<li>遊戲學院</li>
<li>技術專題</li>
<li>職位推薦</li>
<li>開發正服務</li>
<li>幫助</li>
</ul>
</div>
</div>
</div>
<div class="cls"></div>
<div class="panel">
<div class="message border">
<div class="title border">
<h3 class="float">註冊</h3>
<h3 class="toreg"><a href="${pageContext.request.contextPath }/megic/login">已有帳號?登陸了</a></h3>
<h3 class="cls"></h3>
</div>
<div class="content">
<form action="<%=request.getContextPath()%>/megic/lr/register" method="post" id="form" onsubmit="return abc()">
<table class="tb">
<tr>
<td class="trl">使用者名稱<font color="red"> *</font></td>
<td class="trr"><input type="text" name="name" id="name" size=38/>
<label id="nametip"></label>
</td>
</tr>
<tr>
<td class="trl">密碼<font color="red"> *</font></td>
<td><input type="password" name="password" id="password" size=38/>
<label id="passwordtip"></label>
</td>
</tr>
<tr>
<td class="trl">確認密碼<font color="red"> *</font></td>
<td><input type="password" name="passwordch" id="passwordch" size=38/>
<label id="passwordchtip"></label>
</td>
</tr>
<tr>
<td class="trl">暱稱:<font color="red"> *</font></td>
<td class="trr"><input type="text" id="nicheng" name="nicheng" size=38/></td>
</tr>
<tr>
<td class="trl">Email:<font color="red"> *</font></td>
<td class="trr"><input type="email" id="email" name="email" size=38 required="required"/>
<label id="emailtip"></label>
</td>
</tr>
<tr>
<td class="trl">驗證碼<font color="red"> *</font></td>
<td>
<input type="text" size=19/>
<img src="${pageContext.request.contextPath }/megic/common/checkcode">
<label id="checkcodetip"></label>
</td>
</tr>
<tr>
<td class="trl"></td>
<td><input type="checkbox" />
<label>我已仔細閱讀並接受WanJu網條款</label>
<a href="javascript:void(0)">WanJu網制度</a>
</td>
</tr>
<tr>
<td class="trl">註冊</td>
<td><input type="button" onclick="register.submit()" value="註冊"/></td>
</tr>
</table>
</form>
</div>
</div>
</div>
<div class="all">
<div class="footer">
</div>
</div>
</body>
</html>

JS 網頁列印頁邊距頁首頁尾
2009-07-23
JS網頁
實現不同頁面不同頁首
2024-03-15
jquery的商品首頁
2018-01-08
jQuery
phpcms後臺生成首頁成功，前端首頁空白的解決方法
2014-11-24
PHP前端
頁邊距和頁首頁尾的設定
2015-03-11
Java 在PDF中插入頁首、頁尾
2024-03-25
Java
oracle 線上文件首頁
2011-04-19
Oracle
網頁效能 CaseStudy：以 PressOne 首頁為例
2018-03-20
網頁
【LaTeX入門】06、設定頁芯、頁邊距、頁首、頁尾
2013-05-07
Flutter 玩轉微信——微信首頁
2020-06-19
Flutter
HeyUI新版首頁設計之路
2018-10-11
UI
iOS首頁渲染優化 -- imageName:
2018-12-16
iOS優化
噹噹網首頁——CSS程式碼
2016-10-28
CSS
iOS 模仿淘寶的首頁UI
2016-04-19
iOSUI
CSDN 技術主題首頁
2014-06-13
首頁頭部提示佈局
2015-02-12
首頁新增文章 Java nio原理
2002-11-04
Java
設為首頁程式碼大全
2009-07-03
定製論文頁首頁尾設定需求
2020-04-04
個性化設定Excel表格頁首頁尾
2016-06-28
Excel
如何設定個性化Excel頁首頁尾
2016-06-28
Excel
在web工程中設定首頁的頁面
2016-07-18
Web
JS實現把網頁設定為首頁
2007-08-15
JS網頁
如何快速刪除Word中的頁首橫線？刪除頁首橫線技巧分享
2019-09-16
win10系統下word文件如何新增頁首頁尾_win10 word文件頁首頁尾怎麼設定
2020-03-16
Win10
使用mybatis分頁外掛展示首頁最新視訊
2018-08-31
MyBatis
Excel2010設定奇偶頁頁首頁尾不同
2016-10-15
Excel
[文件教程]首頁分類遍歷
2020-04-04
Vue首頁效能優化之gzip
2020-11-06
Vue優化
PHPCMS後臺首頁去掉開發者資訊
2017-04-07
PHP
仿知乎首頁學習 CoordinateLayout
2016-12-22
canvas模擬eharts首頁動畫效果
2018-07-06
Canvas動畫
解決GAT首頁亂碼Bug
2017-05-04
Laravel 自定義 Markdown 電子郵件頁首和頁尾
2020-06-30
Laravel
Excel2010表格中插入頁首頁尾
2016-11-21
Excel
BIP rtf模板頁首頁尾中呼叫欄位值方法
2012-07-16
Excel2007怎麼插入頁首和頁尾？Excel2007插入頁首頁尾的方法步驟
2019-04-01
Excel
wps頁首怎麼取消與上一節相同 wps怎麼設定不同的頁首
2022-06-04

首頁new wj v1

相關文章