<%@ 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. 使用babel

    1).Babel支持NPM包形式的安装,打开命令行窗口,切换到项目根目录,命令如下 npm install babel-cli 2).安装成功后,在package.json文件里添加如下代码 &quo ...

  2. xftp

    SFTP.FTP 文件传输软件. 所有通过该软件的网络流量都是加密的. 1.点击新建 2.新建一个链接 3.点击确定,保存,然后点击该链接 4.链接服务器成功后,如下图右侧,可以增删改查文件.左侧文件 ...

  3. CentOS6安装各种大数据软件 第一章：各个软件版本介绍

    相关文章链接 CentOS6安装各种大数据软件 第一章:各个软件版本介绍 CentOS6安装各种大数据软件 第二章:Linux各个软件启动命令 CentOS6安装各种大数据软件 第三章:Linux基础 ...

  4. java一些封装好的常用算法

    1.简单排序Collections.sort(): //简单排序 List<String> staff= new LinkedList<>(); staff.add(" ...

  5. leetcode记录-反转整数

    给定一个 32 位有符号整数,将整数中的数字进行反转. 示例 1: 输入: 123 输出: 321 示例 2: 输入: -123 输出: -321 示例 3: 输入: 120 输出: 21 注意: 假 ...

  6. # 学号20155308 2006-2007-2 《Java程序设计》第4周学习总结

    学号20155308 2006-2007-2 <Java程序设计>第4周学习总结 教材学习内容总结 6.1 何谓继承 继承基本上就是避免多个类间重复定义共同行为. 许多类之间具有相同的属性 ...

  7. 20155328 实验四 Android程序设计 实验报告

    20155328 实验四 Android程序设计 第24章 初识Android 提交点1:完成HelloWorld并显示自己的学号 安装Android Studio后,创建了属于自己的Project( ...

  8. 成都Uber优步司机奖励政策（4月18日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  9. 【转载】DXUT11框架浅析(4)--调试相关

    原文:DXUT11框架浅析(4)--调试相关 DXUT11框架浅析(4)--调试相关 1. D3D8/9和D3D10/11的调试区别 只要安装了DXSDK,有个调试工具DirectX ControlP ...

  10. 2018.10.17校内模拟赛：T2神光

    题面:pdf 首先排序,二分,然后怎么判定是否可行. 最简单的思路是,dp[i][j][k],到第i个,用了j次红光,k次绿光,前i个点都选上了,是否可行.然后转移就行. 然后考试的时候就想到这了,往 ...