1. <%@ page language="java" contentType="text/html;charset=GB18030" pageEncoding="GB18030"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  6. <%@taglib uri="/struts-tags" prefix="s" %>
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html>
  9.   <head>
  10.     <base href="<%=basePath%>">
  11.  
  12.     <title>main page</title>
  13.     <meta http-equiv="Content-Type" content="text/html; charset=GBK">
  14.  
  15. 	</head>
  16. 	<link href="css/style2.css" rel="stylesheet" type="text/css"/>
  17. 	<script src="js/tab.js" type="text/javascript"></script>
  18. 	<script>
  19. 		function pop_disappear()
  20. 		{
  21. 			document.getElementById('mask').style.display="none";
  22. 			document.getElementById('pop').style.display="none";
  23. 			document.body.style.overflow="scroll";
  24. 			var url="uuu/User-addDirection";
  25.   			document.myform.action = url;
  26.    			document.myform.submit();
  27. 		}
  28. 	</script>
  29. 	<body>
  30. <!--弹窗开始-->
  31. <s:set name="user" value="#session[user]" />
  32. <s:if test='%{#user.direction=="NO"}'>
  33. <div id="mask"></div>
  34. <div id="pop">
  35.  
  36. <form name="myform" action="" target="hidden_frame" method="post">
  37. 	<div id="cont">
  38. 		<fieldset>
  39. 			<legend>请选择您的方向</legend>
  40. 			<div class="DivSelect">
  41. 				<select name="direction" class="SelectList">
  42. 					<option value="J2EE">J2EE</option>
  43. 					<option value="Android">Android</option>
  44. 					<option value="IOS">IOS</option>
  45. 					<option value="4">4</option>
  46. 					<option value="PHP">PHP</option>
  47. 					<option value="前端">前端</option>
  48. 				</select>
  49. 			</div>
  50. 			<button type="submit" onClick="pop_disappear()" class="apply">确定<span></span></button>
  51. 		</fieldset>
  52. 	</div>
  53.  
  54. </form>
  55. <iframe name="hidden_frame" id="hidden_frame"></iframe>
  56. </div>
  57. </s:if>
  58. <!--弹窗结束-->
  59. 		<div id="header">
  60.  
  61. 			<div class="logo">
  62. 				<img src="imgs/logo2.png" />
  63. 			</div>
  64. 			<div id="menu">
  65. 				<div class="icon" id="set">
  66. 					<div class="icon_block" id="icon_1">
  67. 							<a>123</a>
  68. 							<a>123</a>
  69. 							<a>123</a>
  70. 							<a>123</a>
  71. 							<a>123</a>
  72. 							<a>123</a>
  73. 							<a>123</a>
  74. 							<a>123</a>
  75. 							<a>123</a>
  76. 					</div>
  77. 				</div>
  78. 				<div class="icon" id="message">
  79. 					<div class="icon_block" id="icon_2">
  80. 							<a>123</a>
  81. 							<a>123</a>
  82. 							<a>123</a>
  83. 					</div>
  84. 				</div>
  85. 			</div>
  86. 		</div>	
  87.  
  88. 		<div id="contianer">
  89.  
  90. 			<div id="left">
  91. 				<div class="box1 active" id="left_1">
  92. 					<ul id="nav">
  93. 						<li class="active">
  94. 							<span>全部</span>
  95. 						</li>
  96. 						<li class=""><span>未开始</span></li>
  97. 						<li class=""><span>进行中</span></li>
  98. 						<li class=""><span>已截止</span></li>
  99. 					</ul>
  100. 					<div id="tab2">
  101. 						<div class="box2  active" id="first">
  102. 							<div class="task stoping">
  103. 								<div class="title">111</div>
  104. 								<div class="cont">gfgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencf翻江倒海就肯定会尽快杜鹃花短裤九分裤杜鹃花肯定会尽快杜鹃花 款到即发肯定会将贷款和借款单建行卡杜鹃花开丁俊晖的空间和等环节urieuriuhudgbsf丰厚的哈哈哈护额和厚度和ufheurh后忒额呵呵接电话后开始低位encgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhdufencgfghdjfhduf</div>
  105. 								<div class="bottom">
  106. 									<div class="details">
  107. 										<div class="up">
  108. 										<div class="people">发布人：汪汪汪</div>
  109. 										<div class="need">需求方向：瞄喵喵</div>
  110. 										</div>
  111. 										<div class="down">
  112. 										<div class="startime">开始时间：2014/9/13</div>
  113. 										<div class="stoptime">截止时间：2014/9/14</div>
  114. 										</div>
  115. 									</div>
  116. 								</div>
  117. 							</div>
  118. 							<div class="task ongoing">
  119. 								<div class="title">进行中，标题</div>
  120. 								<div class="cont">
  121. 								f翻江倒海就肯定会尽快杜鹃花短裤九分裤杜鹃花肯定会尽快杜鹃花 款到即发肯定会将贷款和借款单建行卡杜鹃花开丁俊晖的空间和等环节urieuriuhudgbsf丰厚的哈哈哈护额和厚度和ufheurh后忒额呵呵接电话后开始低位
  122. 								</div>
  123. 								<div class="bottom ongoingbottom">
  124. 									<div class="details">
  125. 										<div class="up">
  126. 										<div class="people">发布人：汪汪汪</div>
  127. 										<div class="need">需求方向：瞄喵喵</div>
  128. 										</div>
  129. 										<div class="down">
  130. 										<div class="startime">开始时间：2014/9/13</div>
  131. 										<div class="stoptime">截止时间：2014/9/14</div>
  132. 										</div>
  133. 									</div>
  134. 									<a class="apply" href="#">
  135. 										申请
  136. 										<span></span>
  137. 									</a>
  138. 								</div>
  139. 							</div>
  140. 							<div class="task waiting">
  141. 								<div class="title">111</div>
  142. 								<div class="cont">f翻江倒海就肯定会尽快杜鹃花短裤九分裤杜鹃花肯定会尽快杜鹃花 款到即发肯定会将贷款和借款单建行卡杜鹃花开丁俊晖的空间和等环节urieuriuhudgbsf丰厚的哈哈哈护额和厚度和ufheurh后忒额呵呵接电话后开始低位</div>
  143. 								<div class="bottom">
  144. 									<div class="details">
  145. 										<div class="up">
  146. 										<div class="people">发布人：汪汪汪</div>
  147. 										<div class="need">需求方向：瞄喵喵</div>
  148. 										</div>
  149. 										<div class="down">
  150. 										<div class="startime">开始时间：2014/9/13</div>
  151. 										<div class="stoptime">截止时间：2014/9/14</div>
  152. 										</div>
  153. 									</div>
  154. 								</div>
  155. 							</div>
  156.  
  157. 						</div>
  158. 						<div class="box2" id="second">
  159. 							<div class="task waiting">
  160. 								<div class="title">未开始</div>
  161. 								<div class="cont">内容</div>
  162. 								<div class="bottom">
  163. 									<div class="details">
  164. 										<div class="up">
  165. 										<div class="people">发布人：汪汪汪</div>
  166. 										<div class="need">需求方向：瞄喵喵</div>
  167. 										</div>
  168. 										<div class="down">
  169. 										<div class="startime">开始时间：2014/9/13</div>
  170. 										<div class="stoptime">截止时间：2014/9/14</div>
  171. 										</div>
  172. 									</div>
  173. 								</div>
  174. 							</div>
  175. 							<div class="task waiting">
  176. 								<div class="title">222</div>
  177. 								<div class="cont">内容</div>
  178. 								<div class="bottom">
  179. 									<div class="details">
  180. 										<div class="up">
  181. 										<div class="people">发布人：汪汪汪</div>
  182. 										<div class="need">需求方向：瞄喵喵</div>
  183. 										</div>
  184. 										<div class="down">
  185. 										<div class="startime">开始时间：2014/9/13</div>
  186. 										<div class="stoptime">截止时间：2014/9/14</div>
  187. 										</div>
  188. 									</div>
  189. 								</div>
  190. 							</div>
  191. 							<div class="task waiting">
  192. 								<div class="title">未开始</div>
  193. 								<div class="cont">内容</div>
  194. 								<div class="bottom">
  195. 									<div class="details">
  196. 										<div class="up">
  197. 										<div class="people">发布人：汪汪汪</div>
  198. 										<div class="need">需求方向：瞄喵喵</div>
  199. 										</div>
  200. 										<div class="down">
  201. 										<div class="startime">开始时间：2014/9/13</div>
  202. 										<div class="stoptime">截止时间：2014/9/14</div>
  203. 										</div>
  204. 									</div>
  205. 								</div>
  206. 							</div>
  207. 							<div class="task waiting">
  208. 								<div class="title">未开始</div>
  209. 								<div class="cont">内容</div>
  210. 								<div class="bottom">
  211. 									<div class="details">
  212. 										<div class="up">
  213. 										<div class="people">发布人：汪汪汪</div>
  214. 										<div class="need">需求方向：瞄喵喵</div>
  215. 										</div>
  216. 										<div class="down">
  217. 										<div class="startime">开始时间：2014/9/13</div>
  218. 										<div class="stoptime">截止时间：2014/9/14</div>
  219. 										</div>
  220. 									</div>
  221. 								</div>
  222. 							</div>
  223. 							<div class="task waiting">
  224. 								<div class="title">未开始</div>
  225. 								<div class="cont">内容</div>
  226. 								<div class="bottom">
  227. 									<div class="details">
  228. 										<div class="up">
  229. 										<div class="people">发布人：汪汪汪</div>
  230. 										<div class="need">需求方向：瞄喵喵</div>
  231. 										</div>
  232. 										<div class="down">
  233. 										<div class="startime">开始时间：2014/9/13</div>
  234. 										<div class="stoptime">截止时间：2014/9/14</div>
  235. 										</div>
  236. 									</div>
  237. 								</div>
  238. 							</div>
  239. 						</div>
  240. 						<div class="box2" id="third">
  241. 							<div class="task ongoing">
  242. 								<div class="title">进行中</div>
  243. 								<div class="cont">内容</div>
  244. 								<div class="bottom ongoingbottom">
  245. 									<div class="details">
  246. 										<div class="up">
  247. 										<div class="people">发布人：汪汪汪</div>
  248. 										<div class="need">需求方向：瞄喵喵</div>
  249. 										</div>
  250. 										<div class="down">
  251. 										<div class="startime">开始时间：2014/9/13</div>
  252. 										<div class="stoptime">截止时间：2014/9/14</div>
  253. 										</div>
  254. 									</div>
  255. 									<a class="apply" href="#">
  256. 										申请
  257. 										<span></span>
  258. 									</a>
  259. 								</div>
  260. 							</div>
  261. 							<div class="task ongoing">
  262. 								<div class="title">进行中</div>
  263. 								<div class="cont">内容</div>
  264. 								<div class="bottom ongoingbottom">
  265. 									<div class="details">
  266. 										<div class="up">
  267. 										<div class="people">发布人：汪汪汪</div>
  268. 										<div class="need">需求方向：瞄喵喵</div>
  269. 										</div>
  270. 										<div class="down">
  271. 										<div class="startime">开始时间：2014/9/13</div>
  272. 										<div class="stoptime">截止时间：2014/9/14</div>
  273. 										</div>
  274. 									</div>
  275. 									<a class="apply" href="#">
  276. 										申请
  277. 										<span></span>
  278. 									</a>
  279. 								</div>
  280. 							</div>
  281. 						</div>
  282. 						<div class="box2" id="fourth">
  283. 							<div class="task stoping">
  284. 								<div class="title">已截止</div>
  285. 								<div class="cont">内容</div>
  286. 								<div class="bottom">
  287. 									<div class="details">
  288. 										<div class="up">
  289. 										<div class="people">发布人：汪汪汪</div>
  290. 										<div class="need">需求方向：瞄喵喵</div>
  291. 										</div>
  292. 										<div class="down">
  293. 										<div class="startime">开始时间：2014/9/13</div>
  294. 										<div class="stoptime">截止时间：2014/9/14</div>
  295. 										</div>
  296. 									</div>
  297. 								</div>
  298. 							</div>
  299. 							<div class="task stoping">
  300. 								<div class="title">已截止</div>
  301. 								<div class="cont">内容</div>
  302. 								<div class="bottom">
  303. 									<div class="details">
  304. 										<div class="up">
  305. 										<div class="people">发布人：汪汪汪</div>
  306. 										<div class="need">需求方向：瞄喵喵</div>
  307. 										</div>
  308. 										<div class="down">
  309. 										<div class="startime">开始时间：2014/9/13</div>
  310. 										<div class="stoptime">截止时间：2014/9/14</div>
  311. 										</div>
  312. 									</div>
  313. 								</div>
  314. 							</div>
  315. 							<div class="task stoping">
  316. 								<div class="title">已截止</div>
  317. 								<div class="cont">内容</div>
  318. 								<div class="bottom">
  319. 									<div class="details">
  320. 										<div class="up">
  321. 										<div class="people">发布人：汪汪汪</div>
  322. 										<div class="need">需求方向：瞄喵喵</div>
  323. 										</div>
  324. 										<div class="down">
  325. 										<div class="startime">开始时间：2014/9/13</div>
  326. 										<div class="stoptime">截止时间：2014/9/14</div>
  327. 										</div>
  328. 									</div>
  329. 								</div>
  330. 							</div>
  331. 							<div class="task stoping">
  332. 								<div class="title">已截止</div>
  333. 								<div class="cont">内容</div>
  334. 								<div class="bottom">
  335. 									<div class="details">
  336. 										<div class="up">
  337. 										<div class="people">发布人：汪汪汪</div>
  338. 										<div class="need">需求方向：瞄喵喵</div>
  339. 										</div>
  340. 										<div class="down">
  341. 										<div class="startime">开始时间：2014/9/13</div>
  342. 										<div class="stoptime">截止时间：2014/9/14</div>
  343. 										</div>
  344. 									</div>
  345. 								</div>
  346. 							</div>
  347. 						</div>
  348. 					</div>
  349. 				</div>
  350. 				<div class="box1" id="left_2">
  351. 					功能二
  352. 				</div>
  353. 				<div class="box1" id="left_3">
  354. 					功能三
  355. 				</div>
  356. 			</div>
  357. 			<div id="right">
  358. 				<div id="right_1">
  359. 					<a href="#"><img src="imgs/photo.png"></a>
  360. 					<a href="#"><span>姓名</span></a>
  361. 					<a href="#"><span>技能：<strong class="score">10</strong>分</span></a>
  362. 				</div>
  363. 				<div id="right_2">
  364. 					<a class="active" value="汪汪汪"></a>
  365. 					<a class="" value="叽叽叽"></a>
  366. 					<a class="" value="喵喵喵"></a>
  367. 				</div>
  368. 			</div>
  369. 		</div>
  370. 		<div id="footer">
  371. 		</div>
  372. 	</body>
  373. </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. 获取当前目录下所有php文件内的函数名

    $dir = dirname(__FILE__); $files = scandir($dir); foreach($files as $name){ if($name == '.' || $name ...

  2. day 33 线程

    1.线程理论 什么是线程:线程是cpu的最小执行单位(实体),进程是操作系统的数据资源分配单位   2.线程的两种创建方式(重点) 查看线程的pid:使用os模块查看id,线程的id应该是相同的 3. ...

  3. Kafka(1)-概述

    一. 内部原理 1. 点对点模式(一对一,消费者主动拉取数据,消息收到后消息清除) 点对点模型通常是一个基于拉取或者轮询的消息传送模型,这种模型从队列中请求信息,而不是将消息推送到客户端.这个模型的特 ...

  4. 2.5 USB摄像头驱动程序框架

    学习目标:根据vivi驱动架构和linux-2.6.31/linux-2.6.31.14/drivers/media/video/uvc/Uvc_driver.c驱动源码,分析usb摄像头驱动程序框架 ...

  5. S2-057远程代码执行漏洞复现过程

    0x01 搭建环境docker https://github.com/vulhub/vulhub/tree/master/struts2/s2-048 docker-compose up -d 0x0 ...

  6. Java线程等待与唤醒

    class ThreadA extends Thread{ public ThreadA(String name) { super(name); } public void run() { synch ...

  7. echarts 拐点添加图片

    series : [ { name:'搜索引擎', type:'line', symbol:'emptyCircle', symbolSize: 5, itemStyle: { normal: { l ...

  8. 源码阅读-GlobalTimer

    最近看到一篇文章推了一个开源项目,GlobalTimer.主要是可以用一个定时器来统一管理多个定时任务,可以针对特定任务进行管理. 一.原理 1.一个公共的timer 2.封装任务到自定义个Event ...

  9. Azkaban 工作流调度器

    Azkaban 工作流调度器 1 概述 1.1 为什么需要工作流调度系统 a)一个完整的数据分析系统通常都是由大量任务单元组成,shell脚本程序,java程序,mapreduce程序.hive脚本等 ...

  10. throttle(节流)和debounce(防抖)

    防抖和节流都是用来控制频繁调用的问题,但是这两种的应用场景是有区别的. throttle(节流) 有一个调用周期,在一个很长的时间里分为多段,每一段执行一次.例如onscroll,resize,500 ...