WebUI 常用
//鼠标移动显示div
//position：absolute这个是绝对定位；是相对于浏览器的定位。比如：position：absolute；left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。
//position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。
<td style="height: 41px; margin-top: 8px;">
<a href="javascript:;" onmouseover="adshow('ad1', 'show');" onmouseout="adshow('ad1', 'hide');">
<img src="Images/module2_02.png" id="outs" />
</a>
<div id="ad1" style="z-index: 100; display: none; float: right; position: absolute;">
<script language="javascript">
function adshow(obj, sType) {
var oDiv = document.getElementById(obj);
if (sType == 'show') { oDiv.style.display = 'block'; }
if (sType == 'hide') { oDiv.style.display = 'none'; }
}
</script>
<style type="text/css">
.tb1
{
border: solid 2px #B2C9E0;
border-collapse: collapse;
width: 100%;
color: #222;
font-size: 14px;
}
.tb1 td
{
text-align: center;
vertical-align: middle;
border: solid 1px #B2C9E0;
padding-left: 3px;
}
.tb1zw
{
font-weight: bold;
}
</style>
<div style="background-color: White; border: 1px solid #207CD7; width: 460px; filter: alpha(opacity=95); opacity: 0.95;">
<div style="margin: 25px 15px;">
<table class="tb1">
<tr>
<td colspan="3" class="style1">
<%=modeldutys.dut_date.ToString("yyyy-MM-dd")%>
</td>
</tr>
<tr>
<td colspan="2" class="tb1zw">
带班领导
</td>
<td style="width: 220px;">
<%=modeldutys.dut_txt1%>
</td>
</tr>
<tr>
<td colspan="2" class="tb1zw">
值班大队长
</td>
<td>
<%=modeldutys.dut_txt2%>
</td>
</tr>
<tr>
<td colspan="2" class="tb1zw">
值班副大队长
</td>
<td>
<%=modeldutys.dut_txt3%>
</td>
</tr>
<tr>
<td rowspan="2" class="tb1zw">
综合科
</td>
<td class="tb1zw">
民警
</td>
<td>
<%=modeldutys.dut_txt4%>
</td>
</tr>
<tr>
<td class="tb1zw">
司机
</td>
<td>
<%=modeldutys.dut_txt5%>
</td>
</tr>
<tr>
<td colspan="2" class="tb1zw">
一大队
</td>
<td>
<%=modeldutys.dut_txt6%>
</td>
</tr>
<tr>
<td colspan="2" class="tb1zw">
二大队
</td>
<td>
<%=modeldutys.dut_txt7%>
</td>
</tr>
<tr>
<td colspan="2" class="tb1zw">
三大队
</td>
<td>
<%=modeldutys.dut_txt8%>
</td>
</tr>
<tr>
<td rowspan="2" class="tb1zw">
四大队
</td>
<td class="tb1zw">
民警
</td>
<td>
<%=modeldutys.dut_txt9%>
</td>
</tr>
<tr>
<td class="tb1zw">
辅警
</td>
<td>
<%=modeldutys.dut_txt10%>
</td>
</tr>
<tr>
<td rowspan="2" class="tb1zw">
五大队
</td>
<td class="tb1zw">
巡逻
</td>
<td>
<%=modeldutys.dut_txt11%>
</td>
</tr>
<tr>
<td class="tb1zw">
管教
</td>
<td>
<%=modeldutys.dut_txt12%>
</td>
</tr>
</table>
</div>
</div>
</div>
</td>
WebUI 常用的更多相关文章
- katalon Studio之WebUi自动化测试视频教程持续更新
通知...通知...通知... 为了更好的把katalon Studio自动化测试工具推广给大家,最近在B站中开通了视频专栏,地址如下: https://www.bilibili.com/video/ ...
- Redis笔记，安装和常用命令
转载于:http://www.itxuexiwang.com/a/shujukujishu/redis/2016/0216/96.html?1455870708 一.redis简单介绍 redis是N ...
- Redis总结笔记（一）：安装和常用命令
转载于:http://www.itxuexiwang.com/a/shujukujishu/redis/2016/0216/112.html?1455860824 一.redis简单介绍 redis是 ...
- JS常用的腳本庫--包括在線編輯器
原文链接 一.基本库 1.jQuery a.简介 JQuery是继prototype之后又一个优秀的Javascript库.它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, F ...
- Kali Linux下常用软件安装及配置
0x00 Synaptic Synaptic(新立得)是一个高级软件包管理器,它可以管理系统内安装的每个软件及包组件,在图形界面内完成LINUX系统软件的搜寻.安装和删除. Synaptic安装简单, ...
- SpringMVC源码分析和一些常用最佳实践
前言 本文分两部分,第一部分剖析SpringMVC的源代码,看看一个请求响应是如何处理,第二部分主要介绍一些使用中的最佳实践,这些best practices有些比较common,有些比较tricky ...
- Hadoop常用操作
Hadoop常用操作 1.Hadoop安装 略 2.Hadoop配置 略 3.Hadoop多目录配置 namenode和datanode节点下都可以进行多个目录的配置,但是意义不同.namenode的 ...
- WEB-UI自动化测试实践
一.设计背景 随着IT行业的发展,产品愈渐复杂,web端业务及流程更加繁琐,目前UI测试仅是针对单一页面,操作量大.为了满足多页面功能及流程的需求及节省工时,设计了这款UI 自动化测试程序.旨在提供接 ...
- Hbase入门(五)——客户端（Java，Shell，Thrift，Rest，MR，WebUI）
Hbase的客户端有原生java客户端,Hbase Shell,Thrift,Rest,Mapreduce,WebUI等等. 下面是这几种客户端的常见用法. 一.原生Java客户端 原生java客户端 ...
随机推荐
- 博文分类索引--Python
Python 基础 [python]-- 初识python [python]-- 基本语法.循环 [python]-- 列表 [python]-- 元组.字典 [python]-- 字符串.字符编码与 ...
- 解决IIS部署网站引用woff/woff2/svg字体报404错误
一.问题 在IIS上部署网站,网页引用woff字体时,浏览器报“找不到woff.woff2字体”.“404”错误,不仅预设的字体加载不出来,还影响网页加载速度. 二.原因 IIS默认设置情况下不识别. ...
- 【转】NAS、DAS和SAN存储的特点及主要区别
接触过存储设备的朋友应该对NAS.DAS和SAN存储不陌生,作为目前三种常见的存储方式,被广泛应用于企业存储设备中,那么NAS.DAS和SAN这三种存储分别有什么特点,又有何区别呢? 一.NAS存储特 ...
- Vue.js之组件嵌套小demo
Vue.js之组件嵌套的小demo项目 第一步:初始化一个wabpack项目,这里不在复述.第二步:在components文件夹下新建Header.vue Footer.vue和Users.vue三个 ...
- Django报：builtin_function_or_method' object is not iterable
def detail(request,hero_id): hero=models.HeroInfo.objects.get(id=hero_id) return render_to_response( ...
- MySQL学习思维导图
结束:分享在线下载地址 https://www.xmind.net/m/7t6U/
- 002-IP地址及分类以及子网掩码
一.概述 IP地址是一个4段2进制码组成的,每一段二进制码有8位,共32位二进制数.占用4个字节. IP地址是指互联网协议地址(Internet Protocol Address,又译为网际协议地址) ...
- 自定义gradle plugin
最近开始接触gradle 正好有个需求apidoc
- Ubuntu输入su命令提示认证失败的解决办法
Ubuntu安装后,root用户默认是被锁定了的,不允许登录,也不允许执行"su命令到root".对于桌面用户而言,这样可以提高安全性.但对于服务器可以设置成允许"su命 ...
- Yii2 注册表单验证规则 手机注册时候使用短信验证码
public function rules() { return [ ['username', 'filter', 'filter' => 'trim'], ['username', 'requ ...