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客户端 ...
随机推荐
- 虚拟研讨会：如何设计好的RESTful API（转）
原文:虚拟研讨会:如何设计好的RESTful API? REST架构风格最初由Roy T. Fielding(HTTP/1.1协议专家组负责人)在其2000年的博士学位论文中提出.HTTP就是该架构风 ...
- Python traps and pitfalls
@1: >>> def func(a, L=[]): ... L.append(a) ... print(L) ... >>> func(10) [10] > ...
- bootstrap-select 使用笔记 设置选中值及手动刷新
直接笔记: 1.页面刚加载完填充select选项数据时,需要手动刷新一下组件,否则没有选项值.(组件初始化时,li 与 option 分离的,需要刷新一下(据说)) $.post('/cpms/tod ...
- form 表单<input type="button" value="登录" onclick="loginSubmit ()"/> 点击提示 Uncaught TypeError: loginSubmit is not a function
在网上搜了一堆东东,仔细看了一下,再加上实验,发现原因出在<form>中. <form method="post"> <button type=&qu ...
- iOS 视图控制器转场动画/页面切换效果/跳转动画 学习
一 学习 在 UINavigationController 中 push 和 pop 的转场效果 (基于iOS7 以上的转场方式) 经过学习了解到,重点分三块: (1)pushAnimation: ...
- WebSocket 初体验
其实老早就觊觎 Socket 这碗美食了,在 WebSocket 发出后更是心潮澎湃... 奈何这需要后端同志的帮助,使得至今才得以品尝.(当然本文也只涉及前端部分) 以前想监听其他设备变化,大屏幕交 ...
- h5新特性 File API详解
之前一直觉得h5的新特性就是一些新标签呢,直到想研究一下图片上传预览的原理,才发现还是有好多新的api的,只是不兼容ie低版本,挺可惜的, File API在表单中文件输入字段基础上,又添加了一些直接 ...
- blast+学习之search tools
search tools:blastn, blastp, blastx, tblastx, tblastn, psiblast, rpsblast, and rpstblastn 1.blastn: ...
- 20145240 《Java程序设计》第五次实验报告
20145240 <Java程序设计>第五次实验报告 北京电子科技学院(BESTI)实验报告 课程:Java程序设计 班级:1452 指导教师:娄嘉鹏 实验日期:2016.05.06 实验 ...
- win7 与 Ubuntu 16.04 文件传送
win7 与 Ubuntu 16.04 文件传送 环境:主机系统为win7,虚拟机为vmware12, 虚拟系统为ubuntu 16.04 方案一: 通过虚拟机vmware的共享文件夹实现. 方案二: ...