登录
当前位置： 首页 > 工具软件 > Code Manager 2 > 使用案例 >

v2 special code

王英彦
2023-12-01

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>




 类似资料：

相关阅读

相关文章

相关问答

快捷导航： 新手教程 算法原理 架构设计 Java进阶 数据库进阶 大厂专栏 面试经验 编程笔记 编程问答 所有专题 文档资料 工具软件 电子书籍 小牛导航
在线工具： 房贷计算器 个税计算器 Linux命令查询 Json格式化 正则表达式 颜色转换 AES加解密 SHA1加密 MD5加密 毒鸡汤 字数统计 随机密码生成 进制转换 Base64编解码 励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.