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 否则将无法继续. 二.界 ...
随机推荐
- 12JavaScript字符串
JavaScript 字符串用于存储和处理文本. 1.JavaScript 字符串 字符串可以存储一系列字符,如 "John Doe". 字符串可以是插入到引号中的任何字符.你可以 ...
- html-头标签的使用
HTML两部分组成 head和body ** 在head里面的标签就是头标签 ** title标签:表示在标签上显示的内容 ** meta标签:设置页面的一些相关内容(用的比较少) <meta ...
- 关于python文件问题
一.python内部的首行命令 #!/usr/bin/env python #_*_coding:utf8_*_ 第一条命令用于Linux系统中的./命令,用于声明用什么Python解释器.第二条命令 ...
- 树莓派3B+学习笔记：4、查看GPIO
GPIO(General Purpose I/O Ports)意思为通用输入/输出端口. 可以在终端重直接查看GPIO的定义. 查看方式1: gpio readall 查看方式2: pinout 可以 ...
- python 爬虫基础知识(继续补充)
学了这么久爬虫,今天整理一下相关知识点,还会继续更新 HTTP和HTTPS HTTP协议(HyperText Transfer Protocol,超文本传输协议):是一种发布和接收 HTML页面的方法 ...
- Java ConcurrentHashMap 源代码分析
Java ConcurrentHashMap jdk1.8 之前用到过这个,但是一直不清楚原理,今天抽空看了一下代码 但是由于我一直在使用java8,试了半天,暂时还没复现过put死循环的bug 查了 ...
- docker 容器 设置网络代理
以/bin/bash 形式进入容器: [设置http 及https代理],如下: export http_proxy=http://172.16.0.20:3128 export https_prox ...
- EAC 抓取CD为AAC文件
下载EAC v1.3 下载FAAC 安装完EAC以后进入主界面,选菜单EAC->compression option,如图: 选User Defined Encoder,选择之前解压好的faac ...
- 浅谈style.height、clientHeight、offsetHeight、scrollHeight
先分别介绍以下,以下资料来自MDN HTMLElement.offsetHeight 是一个只读属性,它返回该元素的像素高度,高度包含该元素的垂直内边距和边框,且是一个整数. Element.clie ...
- Java第五次实验报告
Java第五次实验报告 实验一 实验内容 两人一组结对编程: 参考 结对实现中缀表达式转后缀表达式的功能 MyBC.java 结对实现从上面功能中获取的表达式中实现后缀表达式求值的功能,调用MyDC. ...