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客户端 ...
随机推荐
- Vue页面上实时显示当前时间，每秒更新
有时候我们需要在页面上添加一个类似时钟的东西来实时显示当前时间,这个时候我们可以利用定时器来完成这个功能 <div id="app"> {{date}} </di ...
- 洛谷 P2523 [HAOI2011]Problem c
洛谷1或洛谷2,它们是一样的题目,手动滑稽- 这一题我是想不出来, 但是我想吐槽一下坐我左边的大佬. 大佬做题的时候,只是想了几分钟,拍了拍大腿,干脆的道:"这不是很显然吗!" 然 ...
- python列表和元组相互转换
# 将列表转化为元组 lst=[11,22,33] t=tuple(lst) print(t,type(t)) # 打印结果:(11, 22, 33) <class 'tuple'> tu ...
- tensorflow 张量的阶、形状、数据类型及None在tensor中表示的意思。
x = tf.placeholder(tf.float32, [None, 784]) x isn't a specific value. It's a placeholder, a value th ...
- css样式之补充
css常用的一些属性: 1.去掉下划线 :text-decoration:none ;2.加上下划线: text-decoration: underline; 3.调整文本和图片的位置(也就是设置元素 ...
- CSS3 3D旋转按钮对话框
在线演示 本地下载
- 20145240《Java程序设计》课程总结
20145240<Java程序设计>课程总结 每周读书笔记链接汇总 20145240 <Java程序设计>第一周学习总结:http://www.cnblogs.com/2014 ...
- CentOS 6.5 下的截图方法
1.利用命令模式 捕获整个屏幕 : $ gnome-screenshot 截完屏之后我们可以设置自定义图片存储位置,如图: 捕获当前终端Terminal : $ gnome-screenshot -w ...
- 1.1nginx安装
1.必要软件准备 安装 pcre为了支持 rewrite 功能,我们需要安装 pcre# yum install pcre* //如过你已经装了,请跳过这一步 安装 openssl需要 ssl 的 ...
- freemarker 异常处理
SSH2处理方案: freemarker文件如果出错,网站的前台页面会报出很明显的错误-焦黄的背景,血红的文字,很不利于用户体验的.如何修改这个问题呢?首先需要在struts.xml配置文件里添加下面 ...