首頁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>

實現不同頁面不同頁首
2024-03-15
如何設定word首頁封面不出現頁首和編碼
2024-06-16
模仿NetFlix首頁效果
2020-04-20
ZBlog首頁與列表頁相關模板
2024-08-25
wkhtmltopdf 生成帶頁首頁尾的pdf
2024-08-04
HTML
Java 在PDF中插入頁首、頁尾
2024-03-25
Java
Excel2007怎麼插入頁首和頁尾？Excel2007插入頁首頁尾的方法步驟
2019-04-01
Excel
商城首頁卡爆了！！！
2023-12-26
404頁面自動跳轉到首頁
2018-09-28
網頁效能 CaseStudy：以 PressOne 首頁為例
2018-03-20
網頁
V1 Cyberpunk Edgerunners
2024-12-04
Word文件中怎麼新增頁首或頁尾？
2020-01-17
定製論文頁首頁尾設定需求
2020-04-04
一手全新卡首頁
2020-05-28
新金寶公司-19188193789首頁
2020-08-28
iOS首頁渲染優化 -- imageName:
2018-12-16
iOS優化
HeyUI新版首頁設計之路
2018-10-11
UI
win10系統下word文件如何新增頁首頁尾_win10 word文件頁首頁尾怎麼設定
2020-03-16
Win10
如何快速刪除Word中的頁首橫線？刪除頁首橫線技巧分享
2019-09-16
使用mybatis分頁外掛展示首頁最新視訊
2018-08-31
MyBatis
new self()與new static()
2021-08-09
列印頁面時怎樣自定義列印頁首頁尾或者去掉眉頁尾？
2024-12-05
wps頁首怎麼取消與上一節相同 wps怎麼設定不同的頁首
2022-06-04
公司網站首頁突然亂碼
2024-10-12
網站
Vue首頁效能優化之gzip
2020-11-06
Vue優化
[文件教程]首頁分類遍歷
2020-04-04
製作首頁的顯示列表
2020-04-04
寶塔皮膚修改網站首頁如何在寶塔皮膚中修改網站首頁
2024-12-06
網站
Laravel 自定義 Markdown 電子郵件頁首和頁尾
2020-06-30
Laravel
New
2019-02-26
手淘首頁改版，如何打造首頁流量，快速獲取猜你喜歡流量的四種方法
2020-10-09
首頁父子組元件 ajax陣列請求各個頁面
2018-05-21
元件陣列
從淘寶首頁登入說起
2021-08-07
Flutter 玩轉微信——微信首頁
2020-06-19
Flutter
Vue 網站首頁載入優化
2020-10-10
Vue網站優化
自定義模型怎麼在首頁呼叫？
2019-05-11
模型
如何使用RecyclerView打造首頁輪播圖
2021-09-09
View
luffy04-首頁輪播圖介面
2020-12-24
首頁白屏的引發的思考(一)
2019-03-04

首頁new wj v1

相關文章