v2 special code

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

1  彈出框


<%@ 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>
<style type="text/css">
*{
	padding:0px;
}
a{
	text-decoration:none;	
}
.tck{
	width:270px;
	height:250px;
	border:1px solid #dddddd;
}
.ttitle{
	border-bottom: 1px solid #910100;
	height:25px;
	padding-top:6px;
	padding-bottom:1px;
	padding-left:20px;
	padding-right:36px;
}

.title lavel a{
	color: #222;
	text-decoration: none;
}
.title .t{
	font-size:12px;
	font-weight:bold;
	color:#333;
	
}
.close {
	font-size:12px;
	font-weight:bold;
	color:#333;
	line-height:15px;
}
.close a{
	color:#333;
}
.float{
	float:left;
}
.floatr{
	float:right;
}
.cls{
	clear:both;
}
.castimg{
	padding-top:10px;
}
.castimg .more{
	margin:0px auto;
	width:250;
}
.castimg a{
	
	padding-left:12px;
}
.castimg .bgimg{
	width:247px;
	height:164px;
}
.tck .more{
	text-align:center;
}
.tck .more a{
	font-size:12px;
	display: inline-block;
}
.tck .more, .tck .castimg{
	margin-bottom:12px;
}
.hh{
	
}
</style>
</head>
<body>
<!-- 彈出框 -->
<div class="tck">
	<div class="ttitle">
		<div class="t float hh" >江湖傳聞</div>
		<div class="t close floatr"><a href="#">   關閉</a></div>
		<div class="cls"></div>
	</div>
	<div class="castimg">
		<a href="#"><img class="bgimg" src="#"></a>
	</div>
	<div class="more">
		<a href="#">檢視更多  »</a>
	</div>
</div>
</body>
</html>


3 資訊主頁面

<%@ 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;
}
ul li{
	list-style:none;
}
.all{
	margin:0px auto;
	width:980px;
}
.float{
	float:left;
}
.floatr{
	float:right;
}
.cls{
	clear:both;
}
.nav li{
	float:left;
	font-size:12px;
}
.nav li a{
	font-size:12px;
	color:#2b2b2b;
}
.menu{
	height:50px;
	padding-top:20px;
}
.menu, .menu a, .menu a{
	font-size:12px;
	font-style:normal;
	color:#2b2b2b;
}
.line{
	height:40px;
	border-top:1px solid #cdcdcd;
	width:100%
}
.main .left{
	width:640px;
}
.main .right{
	width:300px;
}
.title .tt{
	font:bold 24px 宋體;
}
.zhuanfa .zfimg{
	width:30px;
	height:30px;
}
.source p{
	height:24px;
}
.source p span{
	color:#999;
	font-size:12px;
	padding-bottom:12px;
}
.jilu, .zhuanfa{
	line-height:90px;
}
.sc{
	margin-right:220px;
}
.left .con{
	font-size:14px;
	color:#2b2b2b;
	font-family: simsun,arial,helvetica,clean,sans-serif;
	line-height:30px;
}
.left .con p{
	text-indent: 28px;
}
.blackline hr{
	border:2px solid gray;
}
.reply{
	text-indent: 9px;
	font: 18px "微軟雅黑";
	width: 640px;
	float: left;
	text-intent:0px;
	
}
.reply .wy{
	width:100px;
}
.reply .qr{
	font-size:12px;
	color:#2b2b2b;
}
.reply .qr a{
	font-size:12px;
	color:red;
}
.reply .repcon{
	width:640px;
	margin-top:10px;
}
.reply .post{
	width:640px;
	font-size:12px;
	color:#2b2b2b;
	padding-top:10px;
}
.post .pl{
	line-height:30px;
}
.post a{
	line-height:30px;
	vertical-align:middle;
}
.pi{
	align:right;
}
.pdtj .tt,.tptj .tt,.sptj .tt{
	font-size:16px;
	font-weight:bold;
	font-family:Microsoft Yahei;
}
.pdtj .con1 li,.tptj .con1 li,.sptj .con1 li{
	padding:3px 10px;
}
.pdtj .con1 a,.tptj .con1 a,.sptj .con1 a{
	color: #004276;
	font-size:12px;
}
.ph .tt{
	background:#446fa4;
	color:white;
	height:30px;
	line-height:30px;	
}
.ph .con1{
	font-size:12px;
	color:#004276;
}
.ph .con1 li{
	padding:13px;
}
.ph .con1 li a{
	font-size:12px;
	color:#004276;
}
</style>
</head>
<body>
<div class="all">
	<div class="nav">
		<ul>
			<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><br>
	<div class="menu">
		<a>資訊網</a>
		<em>></em>
		<a>新聞</a>
		<em>></em>
		<a>熱門資訊</a>
	</div>
	<div class="line">
	</div>
	<div class="main">
		<div class="left float">
			<div class="title">
				<h1 class="tt">海口：男子藉口查水錶搶劫6名獨居女殺死3人 被判死刑</h1>
			</div>
			<div class="source">
				<div class="sc float">
					<p>
						<span>2014年12月12日 10:16</span>
						<br>
						<span>來源：人民網</span>
					</p>
				</div>
				<div class="jilu float">
					<a href="#">113人蔘與</a> 
					<a href="#">11評論</a> 
				</div>
				<div class="zhuanfa floatr">
					<img src="#" class="zfimg">
					<img src="#" class="zfimg">
					<img src="#" class="zfimg">
					<img src="#" class="zfimg">
				</div>
				<div class="cls"></div>
			</div>
			<div class="con">
				<div>
					<p>
					人民網北京12月16日電 （記者喬雪峰 譚翀）近年來，隨著人口老齡化的日益嚴重，養老制度改革的呼聲也越來越高，尤其是公眾一直關注的養老金雙軌制廣為詬病。對此，中國人民大學社會學系副教授周孝正接受人民財經記者採訪時指出，要想養老改革有實質進展，相關部門需出臺改革時間表，不能將改革一拖再拖。
					</p><p>
					從《事業單位工作人員養老保險制度改革試點方案》公佈之日算起，有關養老金並軌改革，推進時間已經將近7年。但機關和事業單位養老改革仍然沒有實質性的進展。對此，周孝正表示，要想養老改革有實質進展，相關部門需出臺一個改革時間表，並嚴格按照時間表執行。養老改革涉及到的利益很多，不能一蹴而就，可以採取循序漸進的方法，“比如規定一個期限，十年之內必須統一，每年就可以調整10%。”
					</p><p>
					今年5月15日，國務院公佈了《事業單位人事管理條例》，條例規定事業單位及其工作人員依法參加社會保險，這意味著社保雙軌制改革過程中，最難的養老金改革也箭在弦上。中國人民大學社會學系副教授周孝正接受人民財經記者採訪時指出，改革無法一蹴而就，養老改革會觸碰到許多特殊集團的利益，權利過分集中是問題的根本，只有把這些集團的利益拿掉，養老改革才能成功
					</p>
				</div>
			</div>
			<div class="source">
				<div class="sc float">
					<p>
						<span>2014年12月12日 10:16</span>
						<br>
						<span>來源：人民網</span>
					</p>
				</div>
				<div class="jilu float">
					<a href="#">113人蔘與</a> 
					<a href="#">11評論</a> 
				</div>
				<div class="zhuanfa floatr">
					<img src="#" class="zfimg">
					<img src="#" class="zfimg">
					<img src="#" class="zfimg">
					<img src="#" class="zfimg">
				</div>
				<div class="cls"></div>
			</div>
			<div class="blackline">
				<hr>					
			</div>
			<div class="reply">
				<div class="wy float">網友評論</div>
				<div class="qr floatr"><a href="#">3268</a>人蔘與| 評論<a href="#">135</a>條</div><!-- 快捷評論 -->
				<div class="cls"></div>
				<div >
					<div class="repcon">
						<textarea cols="75" rows="5"></textarea>
					</div>
					<div class="post">
						<label class="pl float">一鍵登陸：</label>
						<a href="#">彎聚賬號</a>
						<a href="#">新浪微博</a>
						<a href="#">騰訊QQ</a>
						<a class="pi floatr" ><img src="<%=request.getContextPath()%>/img/wjgate/zx/post.jpg"></a>
					</div>
				</div>
			</div>
		</div>
		<div class="right floatr">
			<div class="blackline">
				<hr>
			</div>
			<div class="pdtj">
				<div class='tt'>頻道推薦</div>
				<div class="con1">
					<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="blackline">
				<hr>
			</div>
			<div class="tptj">
				<div class='tt'>圖片推薦</div>
				<div class="con1">
					<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="blackline">
				<hr>
			</div>
			<div class="sptj">
				<div class='tt'>視訊推薦</div>
				<div class="con1">
					<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="ph">
				<div class='tt'>48小時熱門排行</div>
				<div class="con1">
					<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>
	</div>
	<div class="footer"></div>
</div>	
</body>
</html>


3 navpage

<%@ 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;
}
.main{
	margin:0px auto;
	background-image:url(<%=request.getContextPath()%>/img/wjgate/nav/navbg1.png);
	height:640px;
}
.model{
	width:158px;
	height:95px;
}
.float{
	float:left;
}
.floatr{
	float:right;
}
.con{
	margin:0px auto;
	width:720px;
}
.con li{
	margin:10px;
	border:1px solid #efefef;
	float:left;
}
.sliderl{
	width:84px;
	height:372px;
	background:url(<%=request.getContextPath()%>/img/wjgate/nav/slidel.png) center no-repeat;
}
.sliderr{
	width:84px;
	height:442px;
	background:url(<%=request.getContextPath()%>/img/wjgate/nav/slider.png) center no-repeat;
	
}
.con1{
	padding-top:180px;
	height:445px;
}
/* 	百度導航所搜所需要傳遞的引數
	wd=yes&
	ie=utf-8&
	f=8&
	rsv_bp=1&
	rsv_idx=1&
	tn=baidu
	&rsv_pq=d0af76ea00009e09&
	rsv_t=259c6TuXztW5tJ4aVVz6fJL0l1olxioWgNiN8DHEHhHmyyklLyhHTTW1g7k */
</style>
</head>
<body>
<div class="main">
	<div class="con1">
		<div class="sliderl float"></div>
		<div class="con">
			<ul>
				<li>
					<div class="model">
						<a href="#"><img src="<%=request.getContextPath()%>/img/wjgate/nav/tb.jpg"></a>
						<a></a>
					</div>
				</li>
				<li>
					<div class="model">
						<a href="#"><img src="<%=request.getContextPath()%>/img/wjgate/nav/csdn.jpg"></a>
						<a></a>
					</div>
				</li>
				<li>
					<div class="model">
						<a href="#"><img src="<%=request.getContextPath()%>/img/wjgate/nav/tb.jpg"></a>
						<a></a>
					</div>
				</li>
				<li>
					<div class="model">
						<a href="#"><img src="<%=request.getContextPath()%>/img/wjgate/nav/csdn.jpg"></a>
						<a></a>
					</div>
				</li>
				<li>
					<div class="model">
						<a href="#"><img src="<%=request.getContextPath()%>/img/wjgate/nav/tb.jpg"></a>
						<a></a>
					</div>
				</li>
				<li>
					<div class="model">
						<a href="#"><img src="<%=request.getContextPath()%>/img/wjgate/nav/csdn.jpg"></a>
						<a></a>
					</div>
				</li>
				
			</ul>
		</div>
		<div class="sliderr floatr"></div>
	</div>
</div>
</body>
</html>




相關文章