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 否则将无法继续. 二.界 ...
随机推荐
- table（表格）中的标签和属性
1.表格由 <table> 标签来定义.行( <tr> ),单元格(<td> ) 字母 td 指表格数据(table data),即数据单元格的内容.数据单元格可以 ...
- Delphi在Android下实现BroadcastReceiver功能（举例在Delphi下获取USB外设拔插消息）
在Android里,用java通过实现BroadcastReceiver接口,就可以获得Intent消息.可是Delphi程序不能直接实现JBroadcastReceiver,如何能够实现类似Java ...
- Keil MDK最新版 5.25介绍及下载地址
看到Keil MDK又出新版咯,分享给大家 Keil MDK-ARM 5.25 uVision5开发工具下载地址:http://www.myir-tech.com/soft.asp?id=1140 K ...
- 20155328 2016-2017-2 《Java程序设计》 第一周学习总结
20155328 2016-2017-2 <Java程序设计> 第一周学习总结 教材学习内容总结 本周学习目标是浏览<Java学习笔记>中的十八章,其中第一章和第二章认真学习, ...
- 【SQLSERVER】服务挂起解决办法
一. 问题描述:某项SQLSERVER服务,运行状态为“正在挂起更改”,导致该服务无法使用,也不能启动.停止.重新启动. 二.解决方法 方法一:从任务管理器 → 进程 (勾上 显示所有用户进程) → ...
- tkinter界面卡死的解决办法
0.如果点击按钮,运行了一个比较耗时的操作,那么界面会卡死 import tkinter as tk import time def onclick(text, i): time.sleep(3) t ...
- 存一下emacs配置
(global-set-key [f9] 'compile-file)(global-set-key [f10] 'gud-gdb)(global-set-key (kbd "C-z&quo ...
- pager-taglib分页注意事项
必须先导包,尤其是 jsp 这种工具类和标签库的
- django项目的配置文件settings.py详解
我们创建好了一个Python项目(mysite/)之后,需要在项目中添加模块应用(polls/),在模块应用中添加处理功能逻辑,如添加模块中的视图处理函数(polls.views.index()),这 ...
- 搜索引擎ElasticSearch系列（三）： ElasticSearch2.4.4 bigdesk插件安装
一:ElasticSearch bigdesk插件简介 bigdesk是elasticsearch的一个集群监控工具,可以通过它来查看es集群的各种状态,如:cpu.内存使用情况,索引数据.搜索情况, ...