zoukankan      html  css  js  c++  java
  • OA_1界面




    <%@ page language="java" contentType="text/html;charset=GB18030" pageEncoding="GB18030"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    <%@taglib uri="/struts-tags" prefix="s" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>main page</title>
        <meta http-equiv="Content-Type" content="text/html; charset=GBK">
    
    
    	</head>	
    	<link href="css/style2.css" rel="stylesheet" type="text/css"/>
    	<script src="js/tab.js" type="text/javascript"></script>
    	<script>
    		function pop_disappear()
    		{
    			document.getElementById('mask').style.display="none";
    			document.getElementById('pop').style.display="none";
    			document.body.style.overflow="scroll";
    			var url="uuu/User-addDirection";
      			document.myform.action = url;
       			document.myform.submit();
    		}
    	</script>
    	<body>
    <!--弹窗开始-->
    <s:set name="user" value="#session[user]" />
    <s:if test='%{#user.direction=="NO"}'>
    <div id="mask"></div>
    <div id="pop">
    
    <form name="myform" action="" target="hidden_frame" method="post">
    	<div id="cont">
    		<fieldset>
    			<legend>请选择您的方向</legend>
    			<div class="DivSelect">
    				<select name="direction" class="SelectList">
    					<option value="J2EE">J2EE</option> 
    					<option value="Android">Android</option>
    					<option value="IOS">IOS</option>
    					<option value="4">4</option>
    					<option value="PHP">PHP</option>
    					<option value="前端">前端</option>
    				</select>
    			</div>
    			<button type="submit" onClick="pop_disappear()" class="apply">确定<span></span></button>
    		</fieldset>
    	</div>
    
    </form>
    <iframe name="hidden_frame" id="hidden_frame"></iframe>
    </div>
    </s:if>
    <!--弹窗结束-->
    		<div id="header">
    
    			<div class="logo">
    				<img src="imgs/logo2.png" />
    			</div>
    			<div id="menu">
    				<div class="icon" id="set">
    					<div class="icon_block" id="icon_1">
    							<a>123</a>
    							<a>123</a>
    							<a>123</a>
    							<a>123</a>
    							<a>123</a>
    							<a>123</a>
    							<a>123</a>
    							<a>123</a>
    							<a>123</a>
    					</div>
    				</div>
    				<div class="icon" id="message">
    					<div class="icon_block" id="icon_2">
    							<a>123</a>
    							<a>123</a>
    							<a>123</a>
    					</div>
    				</div>
    			</div>
    		</div>	
    
    		<div id="contianer">
    
    			<div id="left">
    				<div class="box1 active" id="left_1">
    					<ul id="nav">
    						<li class="active">
    							<span>全部</span>
    						</li>
    						<li class=""><span>未开始</span></li>
    						<li class=""><span>进行中</span></li>
    						<li class=""><span>已截止</span></li>
    					</ul>
    					<div id="tab2">
    						<div class="box2  active" id="first">
    							<div class="task stoping">
    								<div class="title">111</div>
    								<div class="cont">gfgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencf翻江倒海就肯定会尽快杜鹃花短裤九分裤杜鹃花肯定会尽快杜鹃花 款到即发肯定会将贷款和借款单建行卡杜鹃花开丁俊晖的空间和等环节urieuriuhudgbsf丰厚的哈哈哈护额和厚度和ufheurh后忒额呵呵接电话后开始低位encgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhduf</div>
    								<div class="bottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    								</div>
    							</div>
    							<div class="task ongoing">
    								<div class="title">进行中,标题</div>
    								<div class="cont">
    								f翻江倒海就肯定会尽快杜鹃花短裤九分裤杜鹃花肯定会尽快杜鹃花 款到即发肯定会将贷款和借款单建行卡杜鹃花开丁俊晖的空间和等环节urieuriuhudgbsf丰厚的哈哈哈护额和厚度和ufheurh后忒额呵呵接电话后开始低位
    								</div>
    								<div class="bottom ongoingbottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    									<a class="apply" href="#">
    										申请
    										<span></span>
    									</a>
    								</div>
    							</div>
    							<div class="task waiting">
    								<div class="title">111</div>
    								<div class="cont">f翻江倒海就肯定会尽快杜鹃花短裤九分裤杜鹃花肯定会尽快杜鹃花 款到即发肯定会将贷款和借款单建行卡杜鹃花开丁俊晖的空间和等环节urieuriuhudgbsf丰厚的哈哈哈护额和厚度和ufheurh后忒额呵呵接电话后开始低位</div>
    								<div class="bottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    								</div>
    							</div>
    					
    						</div>
    						<div class="box2" id="second">
    							<div class="task waiting">
    								<div class="title">未开始</div>
    								<div class="cont">内容</div>
    								<div class="bottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    								</div>
    							</div>
    							<div class="task waiting">
    								<div class="title">222</div>
    								<div class="cont">内容</div>
    								<div class="bottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    								</div>
    							</div>
    							<div class="task waiting">
    								<div class="title">未开始</div>
    								<div class="cont">内容</div>
    								<div class="bottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    								</div>
    							</div>
    							<div class="task waiting">
    								<div class="title">未开始</div>
    								<div class="cont">内容</div>
    								<div class="bottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    								</div>
    							</div>
    							<div class="task waiting">
    								<div class="title">未开始</div>
    								<div class="cont">内容</div>
    								<div class="bottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    								</div>
    							</div>
    						</div>
    						<div class="box2" id="third">
    							<div class="task ongoing">
    								<div class="title">进行中</div>
    								<div class="cont">内容</div>
    								<div class="bottom ongoingbottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    									<a class="apply" href="#">
    										申请
    										<span></span>
    									</a>
    								</div>
    							</div>
    							<div class="task ongoing">
    								<div class="title">进行中</div>
    								<div class="cont">内容</div>
    								<div class="bottom ongoingbottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    									<a class="apply" href="#">
    										申请
    										<span></span>
    									</a>
    								</div>
    							</div>
    						</div>
    						<div class="box2" id="fourth">
    							<div class="task stoping">
    								<div class="title">已截止</div>
    								<div class="cont">内容</div>
    								<div class="bottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    								</div>
    							</div>
    							<div class="task stoping">
    								<div class="title">已截止</div>
    								<div class="cont">内容</div>
    								<div class="bottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    								</div>
    							</div>
    							<div class="task stoping">
    								<div class="title">已截止</div>
    								<div class="cont">内容</div>
    								<div class="bottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    								</div>
    							</div>
    							<div class="task stoping">
    								<div class="title">已截止</div>
    								<div class="cont">内容</div>
    								<div class="bottom">
    									<div class="details">
    										<div class="up">
    										<div class="people">发布人:汪汪汪</div>
    										<div class="need">需求方向:瞄喵喵</div>
    										</div>
    										<div class="down">
    										<div class="startime">开始时间:2014/9/13</div>
    										<div class="stoptime">截止时间:2014/9/14</div>
    										</div>
    									</div>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    				<div class="box1" id="left_2">
    					功能二
    				</div>
    				<div class="box1" id="left_3">
    					功能三
    				</div>
    			</div>
    			<div id="right">
    				<div id="right_1">
    					<a href="#"><img src="imgs/photo.png"></a>
    					<a href="#"><span>姓名</span></a>
    					<a href="#"><span>技能:<strong class="score">10</strong>分</span></a>
    				</div>
    				<div id="right_2">
    					<a class="active" value="汪汪汪"></a>
    					<a class="" value="叽叽叽"></a>
    					<a class="" value="喵喵喵"></a>
    				</div>
    			</div>
    		</div>
    		<div id="footer">
    		</div>
    	</body>
    </html>
    


    版权声明:本文为博主原创文章,未经博主允许不得转载。

    today lazy . tomorrow die .
  • 相关阅读:
    线程同步之条件变量使用手记
    如何实现文件增量同步——算法
    javascript 复习笔记
    cocos2dx 多图层点击事件及管理相关问题记录
    cocos2dx 2.1.1 jsbinding 游戏帧数下降问题记录
    cocos2dx jsb + cocosbuilder 编译到安卓下问题处理(待续)
    cocos2dxjsb及Cocosbuilder使用相关问题处理记录
    cocos2dx jsb 的本地存储
    cocos2dxjsb 跨语言调用及第三方集成 过程记录
    cocos2dx 2.1.1 升级2.1.3版本 记录
  • 原文地址:https://www.cnblogs.com/france/p/4808636.html
Copyright © 2011-2022 走看看