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>
版权声明：本文为博主原创文章，未经博主允许不得转载。
OA_1界面的更多相关文章
- [虾扯蛋] android界面框架-Window
从纯sdk及framwork的角度看,android中界面框架相关的类型有:Window,WindowManager,View等.下面就以这几个类为出发点来概览下安卓开发的"界面架构&quo ...
- AJAX实现登录界面
使用php跳转界面和AJAX都可实现登录界面的跳转的登录失败对的提醒.但是,php跳转的方式 需要额外加载其他界面,用户体验差.AJAX可实现当前页面只刷新需要的数据,不对当前网页进行 重新加载或者是 ...
- 界面设计技法之css布局
css布局之于页面就如同ECMAScript之于JS一般,细想一番,html就如同语文,css就如同数学,js呢,就是物理,有些扯远,这里就先不展开了. 回到主题,从最开始的css到如今的sass(l ...
- Android—简单的仿QQ聊天界面
最近仿照QQ聊天做了一个类似界面,先看下界面组成(画面不太美凑合凑合呗,,,,):
- Ubuntu设置root用户登录图形界面
Ubuntu默认的是root用户不能登录图形界面的,只能以其他用户登录图形界面.这样就很麻烦,因为权限的问题,不能随意复制删除文件,用gedit编辑文件时经常不能保存,只能用vim去编辑. 解决的办法 ...
- [Django]用户权限学习系列之权限管理界面实现
本系列前三章: http://www.cnblogs.com/CQ-LQJ/p/5604331.htmlPermission权限基本操作指令 http://www.cnblogs.com/CQ-LQJ ...
- git图像化界面GUI的使用
GIT学习笔记 一. 基础内容 1.git是一个版本控制软件,与svn类似,特点是分布式管理,不需要中间总的服务器,可以增加很多分支. 2.windows下的git叫msysgit,下载 ...
- 使用MonoTouch.Dialog简化iOS界面开发
MonoTouch.Dialog简称MT.D,是Xamarin.iOS的一个RAD工具包.它提供易于使用的声明式API,不需要使用导航控制器.表格等ViewController来定义复杂的应用程序UI ...
- Xamarin.Android多界面
一.准备 开始学习本教程前必须先完成该教程http://www.cnblogs.com/yaozhenfa/p/xamarin_android_quickstart.html 否则将无法继续. 二.界 ...
随机推荐
- 修复 Cydia 不能上网的问题
使用 h3lix 越狱 10.3.3 的 iPhone5,进入 Cydia 不能联网解决方法:打开 Cydia,进入已安装列表,点击 Cydia Installer 卸载,然后看到桌面上就没有 Cyd ...
- html-头标签的使用
HTML两部分组成 head和body ** 在head里面的标签就是头标签 ** title标签:表示在标签上显示的内容 ** meta标签:设置页面的一些相关内容(用的比较少) <meta ...
- hive工作记录-20180513
Hive的数据导入: 1.从本地文件系统中导入数据到Hive表 基础语法1 : create table 表名(列名1 数据类型, 列名2 数据类型, … …) row format delimite ...
- 海思平台交叉编译curl支持SSL功能
1.准备工具 1).交叉编译工具 2).下载libcurl和openssl源代码,我使用的是(openssl-1.0.2o.tar,curl-7.59.0.tar) 3).查看cpu详细 ~ # ca ...
- 4.28-python学习笔记（转义符&input函数）
参考书目:<Learn Python The Hard Way> ##练习10 print("i am 6'2\"tall.")#将双引号转义 print(' ...
- 20155215 2006-2007-2 《Java程序设计》第2周学习总结
20155215 2006-2007-2 <Java程序设计>第2周学习总结 教材学习内容总结 第三章主要讲述了JAVA程序编写中的一些基本语法.其实看了第三章之后我就感觉到,C语言不愧是 ...
- 20155338 2016-2017-2 《Java程序设计》第4周学习总结
20155338 2016-2017-2 <Java程序设计>第4周学习总结 教材学习内容总结 内容有很多,这里这是选取几个比较重要的一部分来展示. 1.继承 •定义:继承基本上就是避免多 ...
- 20155338 2016-2017-2《Java程序设计》第1周学习总结
20155338 2016-2017-2<Java程序设计>第1周学习总结 了解成绩构成 成绩构成:100分=翻转课堂考核12次(512 = 60)+ 实验5次(3 5 =15)+ 团队项 ...
- [bzoj1564]二叉查找树
题目描述 已知一棵特殊的二叉查找树.根据定义,该二叉查找树中每个结点的数据值都比它左儿子结点的数据值大,而比它右儿子结点的数据值小. 另一方面,这棵查找树中每个结点都有一个权值,每个结点的权值都比它的 ...
- 通知的多线程问题 iOS
发送通知在子线程,接受也在子线程.如果子线程操作UI,会打印一推日志,告诉我们应该主线程操作.