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>