<%@ 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>

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

OA_1界面的更多相关文章

  1. [虾扯蛋] android界面框架-Window

    从纯sdk及framwork的角度看,android中界面框架相关的类型有:Window,WindowManager,View等.下面就以这几个类为出发点来概览下安卓开发的"界面架构&quo ...

  2. AJAX实现登录界面

    使用php跳转界面和AJAX都可实现登录界面的跳转的登录失败对的提醒.但是,php跳转的方式 需要额外加载其他界面,用户体验差.AJAX可实现当前页面只刷新需要的数据,不对当前网页进行 重新加载或者是 ...

  3. 界面设计技法之css布局

    css布局之于页面就如同ECMAScript之于JS一般,细想一番,html就如同语文,css就如同数学,js呢,就是物理,有些扯远,这里就先不展开了. 回到主题,从最开始的css到如今的sass(l ...

  4. Android—简单的仿QQ聊天界面

    最近仿照QQ聊天做了一个类似界面,先看下界面组成(画面不太美凑合凑合呗,,,,):

  5. Ubuntu设置root用户登录图形界面

    Ubuntu默认的是root用户不能登录图形界面的,只能以其他用户登录图形界面.这样就很麻烦,因为权限的问题,不能随意复制删除文件,用gedit编辑文件时经常不能保存,只能用vim去编辑. 解决的办法 ...

  6. [Django]用户权限学习系列之权限管理界面实现

    本系列前三章: http://www.cnblogs.com/CQ-LQJ/p/5604331.htmlPermission权限基本操作指令 http://www.cnblogs.com/CQ-LQJ ...

  7. git图像化界面GUI的使用

    GIT学习笔记 一.        基础内容 1.git是一个版本控制软件,与svn类似,特点是分布式管理,不需要中间总的服务器,可以增加很多分支. 2.windows下的git叫msysgit,下载 ...

  8. 使用MonoTouch.Dialog简化iOS界面开发

    MonoTouch.Dialog简称MT.D,是Xamarin.iOS的一个RAD工具包.它提供易于使用的声明式API,不需要使用导航控制器.表格等ViewController来定义复杂的应用程序UI ...

  9. Xamarin.Android多界面

    一.准备 开始学习本教程前必须先完成该教程http://www.cnblogs.com/yaozhenfa/p/xamarin_android_quickstart.html 否则将无法继续. 二.界 ...

随机推荐

  1. windows安装Oracle数据库

    我装的版本是Oracle11,64位,直接网上下载即可.安装过程中也出现了一些坑,现在整理了一下. 1.下载的目录和安装的目录最好放到英文目录下,别放到中文或者特殊字符的文件夹中,点击setup.ex ...

  2. 基于 HTML5 Canvas 的 Web SCADA 组态电机控制面板

    前言 HT For Web 提供完整的基于 HTML5 图形界面组件库.您可以轻松构建现代化的,跨桌面和移动终端的企业应用,无需担忧跨平台兼容性,及触屏手势交互等棘手问题.也可用于快速创建和部署,高度 ...

  3. vue-cli 3.0 豆瓣api接口使用element做分页

    记录自己的学习 大佬绕道谢谢! 豆瓣即将上映接口:https://api.douban.com/v2/movie/coming_soon 本地跨域问题 看我之前的文章:https://www.cnbl ...

  4. Struts2速记手册

    工作原理 Action类 Action类 普通Action类 私有属性及getter.setter(处理请求参数) execute()方法(处理请求)   实现Action接口 提供常量   继承Ac ...

  5. python学习笔记（二）python基础知识(list,tuple,dict,set)

    1. list\tuple\dict\set d={} l=[] t=() s=set() print(type(l)) print(type(d)) print(type(t)) print(typ ...

  6. VS2015创建WDK的问题

    在微软官网找了半天.. 搜索window driver kit,好吧.进入一页英文页面.. https://docs.microsoft.com/en-us/windows-hardware/driv ...

  7. ruby中的循环——times

    times:能够得知循环的次数 格式: 循环次数.times do 希望循环的处理 end 或者可省略do~end,用{~}代替: 循环次数.times{ 希望循环的处理 } 循环从第0次开始,可以看 ...

  8. python paramiko模块和多线程讲解

    1.paramiko 实现ssh 登录 import paramiko # 实现ssh登录 ssh_client = paramiko.SSHClient() ssh_client.set_missi ...

  9. 20155231 2016-2017-2 《Java程序设计》第10周学习总结

    20155231 2016-2017-2 <Java程序设计>第10周学习总结 教材学习内容总结 学习目标 了解计算机网络基础 掌握Java Socket编程 理解混合密码系统 掌握Jav ...

  10. [BZOJ2961]共点圆-[凸包+cdq分治]

    Description 传送门 Solution 考虑对于每一个点: 设圆的坐标为(x,y),点的坐标为(x0,y0).依题意得,当一个点在圆里,需要满足(x-x0)2+(y-y0)2<=x2+ ...