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客户端 ...
随机推荐
- 内置函数:max 用法
内置函数——max Python max内置函数 max(iterable, *[, key, default]) max(arg1, arg2, *args[, key]) Return the l ...
- 003-ARP地址解析协议
一.概念 地址解析协议,即ARP(Address Resolution Protocol),是根据IP地址获取物理地址的一个TCP/IP协议.主机发送信息时将包含目标IP地址的ARP请求广播到网络上的 ...
- JDK版本更改,修改环境变量不生效解决办法
问题: 当使用安装版本JDK后,想要更改系统环境变量时,直接更改JAVA_HOME无效. 原因: 当使用安装版本的JDK程序时(一般是1.7版本以上),在安装结束后安装程序会自动将java.exe.j ...
- Nginx和php-fpm部署到不同的服务器
Nginx安装滤过,基本上nginx上的配置很少,只要添加个server就可以了,主要安装php-fpm服务 php7.1.3安装 1.安装依赖的软件包yum -y install gcc gcc-c ...
- 谷歌机器学习速成课程---2深入了解机器学习(Descending into ML)
1.线性回归 人们早就知晓,相比凉爽的天气,蟋蟀在较为炎热的天气里鸣叫更为频繁.数十年来,专业和业余昆虫学者已将每分钟的鸣叫声和温度方面的数据编入目录.Ruth 阿姨将她喜爱的蟋蟀数据库作为生日礼物送 ...
- python之路 正则表达式,模块导入的方法,hashlib加密
一.正则表达式re python中re模块提供了正则表达式相关操作 字符: . 匹配除换行符以外的任意字符 \w 匹配字母或数字或下划线或汉字 \s 匹配任意的空白符 \d 匹配数字 \b 匹配单词的 ...
- Loadrunder脚本篇——web_submit_data实现提交post请求
概述 web_link()和web_url()函数都是页面访问型函数,实现HTTP请求中的GET方法,如果需要实现POST方法,可使用web_submit_form或web_submit_data() ...
- 【LeetCode】【矩阵旋转】Rotate Image
描述 You are given an n x n 2D matrix representing an image. Rotate the image by 90 degrees (clockwise ...
- flex datagrid 导出csv
public function exportToCSV(dataGrid:DataGrid):void { var dataProviderCollection:ArrayCollection = d ...
- mybatis 一次执行多条SQL
在默认情况下,一次性发过去的多条sql是不合法的. 想要让mysql一次执行多条sql语句,必须进行手动设置. 让mysql驱动开启批量执行sql的开关. 怎么开启呢?在拼装mysql链接的url时, ...