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 否则将无法继续. 二.界 ...
随机推荐
- 简易高效的Delphi原子队列
本文提供Delphi一个基于原子操作的无锁队列,简易高效.适用于多线程大吞吐量操作的队列. 可用于Android系统和32,64位Windows系统. 感谢歼10和qsl提供了修改建议! 有如下问题: ...
- PHP实现单文件、多文件上传 封装 面向对象实现文件上传
文件上传配置 客户端配置 1.表单页面 2.表单的发送方式为post 3.添加enctype = "multipart/form-data" <form action=&qu ...
- linux-2.6.22.6内核启动分析之编译体验
1 解压缩.打补丁操作 1.1 打开ubuntu,通过FTP将windows相应文件夹下的linux-2.6.22.6.tar.bz2和补丁文件linux-2.6.22.6-jz2440.patch上 ...
- 【转】ruby rake执行rspec
RSpec 是Ruby的一个行为驱动开发(BDD)工具,当前的版本是 2.10.根据其入门文档,安装好之后,可以使用 rspec 命令来运行“测试”.但在某些情况下,如果参数较多,使用该命令并不方便: ...
- SQL基于时间的盲注过程
0x00 前言 由于要使用到基于时间的盲注,但是我觉得基于时间的盲注其实就是基于布尔的盲注的升级版,所以我想顺便把基于布尔的盲注分析总结了: 首先我觉得基于时间的盲注和基于布尔的盲注的最直观的差别就是 ...
- sqli-labs(less-11-16)
POST登入 首先试试 uname=admin'# & passwd=1 登入成功 如果不知道用户名 ,注释符被过滤,可以从password入手 一般第一个登陆字段(一般是用户名)就用注释,第 ...
- 编译Libuv
Libuv https://github.com/libuv/libuv LibSourcey是基于libuv,集合了第三方用于视频流的开源库,使用C++11. 下载最新 https://dist.l ...
- 在linux环境下安装redis并且搭建自己的redis集群
此文档主要介绍在linux环境下安装redis并且搭建自己的redis集群 搭建环境: ubuntun 16.04 + redis-3.0.6 本文章分为三个部分:redis安装.搭建redis集群 ...
- XMAPP 的安装与配置
1.XMAPP简介 1.1.XAMPP(Apache+MySQL/MariaDB+PHP+Perl) 开头的X代表X-OS,代表可以在任何常见操作系统下使用,包括Windows.Mac.Linux ...
- Oracle下如何用rman备份到特定的sequence
本文为摘抄,目的为方便日后阅读: http://docs.oracle.com/cd/B12037_01/server.101/b10734/rcmbackp.htm To determine the ...