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;
                                     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;  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=" 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>

原文地址:https://www.cnblogs.com/chenmfly/p/5665695.html