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 否则将无法继续. 二.界 ...
随机推荐
- 如何在HHDI中调用Java文件
创建执行JS语句任务,在脚本中输入相关代码,两种写法: ------------------------写法一 // 直接调用类的路径 var now = com.haohe.utils.DateUt ...
- MIPI调试经验(转载)
目录 一.D-PHY 1.传输模式 2.Lane States 3.Lane Levels 4.操作模式 5.时序要求 二.DSI 1.线路构成 2.两种接口的 LCD 3.数据包类型 4.从控制器到 ...
- 阿里云ubantu16.04 搭建LAMP环境
1.登录服务器 2.sudo apt-get update 更新软件列表 3.sudo apt-get install lamp-server^ (注意右上角的' ^ '这个不能少) 输入apach ...
- 磁砖样式——第八届蓝桥杯C语言B组（国赛）第二题
原创 标题:磁砖样式 小明家的一面装饰墙原来是 3*10 的小方格.现在手头有一批刚好能盖住2个小方格的长方形瓷砖.瓷砖只有两种颜色:黄色和橙色. 小明想知道,对于这么简陋的原料,可以贴出多少种不同的 ...
- java入门---循环结构 - for, while 及 do...while&break&continue
顺序结构的程序语句只能被执行一次.如果您想要同样的操作执行多次,,就需要使用循环结构.Java中有三种主要的循环结构: while 循环 do…while 循环 for 循环 在Jav ...
- 20155211 实验三 敏捷开发与XP实践
20155211 实验三 敏捷开发与XP实践 实验内容 XP基础 XP核心实践 相关工具 实验要求 完成实验.撰写实验报告,实验报告以博客方式发表在博客园. 实验步骤 (一)敏捷开发与XP 敏捷开发( ...
- 20155235 2016-2017-2 《Java程序设计》第9周学习总结
20155235 2016-2017-2 <Java程序设计>第9周学习总结 教材学习内容总结 第十六章 整合数据库 JDBC入门 JDBC简介 连接数据库 使用Statement.Res ...
- 20155313 2016-2017-2 《Java程序设计》第十周学习总结
20155313 2016-2017-2 <Java程序设计>第十周学习总结 教材学习内容总结 网络编程 网络编程就是在两个或两个以上的设备(例如计算机)之间传输数据. 程序员所作的事情就 ...
- 2016-2017-2 20155322 实验三 敏捷开发与XP实践
2016-2017-2 20155322 实验三 敏捷开发与XP实践 实验内容 XP基础 XP核心实践 相关工具 实验知识点 敏捷开发(Agile Development)是一种以人为核心.迭代.循序 ...
- Oracle的物理存储与逻辑存储关系对应
逻辑结构: TableSapce 由 多个 Segment组成 Sgement 由多个 Extent 组成 Extent 由 多个数据块组成 物理结构: 一个Tablespace 可以包括多个数据文件 ...