<%@ 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. 基于jQuery的轮播焦点图图

    轮播焦点图 ——仿淘宝首页jquery轮播焦点图,我特意去taobao首页看了下它的轮播,好像有点相似,我不保证是我写的这样. 本例来源:站长之家http://sc.chinaz.com/jiaobe ...

  2. java日常规范

    1.方法返回类型用int还是Integer 看需求,int是数据类型,不能包含null等. Integer是类,其中包含该类中属性和方法,包含null. 所以建议使用Integer,方便以后拓展. 2 ...

  3. Burp 之Intruder

    攻击类型: (1)Sniper:测试完第一个变量后,就测试下一个变量,一次向下测试,每次只测试一个变量 适用于单变量 (2)Battering ram:只有一个payload,该payload会同时测 ...

  4. C语言堆排序

    堆是一种类似二叉树的数据结构,分为最大堆和最小堆,最大堆得定义是当前节点必须大于左右子节点,堆中所有节点都要符合这个定义.最小堆反之.这一点不同于二叉树排序.假设有数组int a[10] = {90, ...

  5. CALL TRANSACTION

    概要 SUBMITと違い.トランザクションコードで呼び出すのが特徴. アドオンからの伝票照会やバッチインプットによるSAPへのデータ登録/更新処理にも利用される. なお.呼び出された側から呼び出し元へ ...

  6. NodeJS设置Header解决跨域问题

    转载: NodeJS设置Header解决跨域问题 app.all('*', function (req, res, next) { res.header('Access-Control-Allow-O ...

  7. nohub用法

    在应用Unix/Linux时,我们一般想让某个程序在后台运行,于是我们将常会用 & 在程序结尾来让程序自动运行.比如我们要运行mysql在后台: /usr/local/mysql/bin/my ...

  8. primary key和unique的区别

    定义了 UNIQUE 约束的字段中不能包含重复值,可以为一个或多个字段定义 UNIQUE 约束.因此,UNIQUE 即可以在字段级也可以在表级定义, 在 UNIQUED 约束的字段上可以包含空值.OR ...

  9. echarts 柱状图移除圆角

    itemStyle: { normal: { color: '#59519f', barBorderColor: '#59519f', barBorderWidth: 6, barBorderRadi ...

  10. 1150: [CTSC2007]数据备份Backup

    1150: [CTSC2007]数据备份Backup https://lydsy.com/JudgeOnline/problem.php?id=1150 分析: 堆+贪心. 每次选最小的并一定是最优的 ...