利用div来操作提示面板

 

//l利用到的脚本代码：
<script language="javascript"> 

function show(ok,close) 
...{ 
eval(document.all(ok)).style.display=(eval(document.all(ok)).style.display=="none")?"":"none";  
eval(document.all(close)).style.display=(eval(document.all(close)).style.display=="none")?"":"none";
} 

function closeall() 
...{ 
for (i=1;i<=6;i++) ...{ 
document.all("layer"+i).style.display="none"; 
} 

} 
</script>

//body代码： 注意z-index的值越大，越显示在外面。利用layer2来消失div提示。第一次加载div不显示，点击IMG后显示。

/**//*下面一句是按钮事件，来显示div层*/
<IMG alt="查看带有monitor_id的表" src="Images/monitor.gif" onclick="show('layer1','layer2');"
                                style="CURSOR: hand">

<div id="layer1" style="DISPLAY: none; Z-INDEX: 105; LEFT: 1px; WIDTH: 520px; POSITION: absolute; TOP: 320px; HEIGHT: 150px; BACKGROUND-COLOR: #6cd922"
                align="right">
                <div id="layer2" style="DISPLAY:none;Z-INDEX:107;BACKGROUND-IMAGE:url(Images/err.gif);WIDTH:21px;CURSOR:hand;HEIGHT:21px;BACKGROUND-COLOR:#e1ec39"
                    align="center" onClick="closeall();"><br>
                </div>
                <table id="kk" style="Z-INDEX:106" align="center" cellpadding="0" cellspacing="0" border="1"
                    width="200" height="100" bordercolor="#ff9933">
                    <caption>
                        含有monitor_id的表
                    </caption>
                    <tr>
                        <td height="25" width="50">报警数据表,ca_alarm_record</td>
                        <td height="25">线路历史表,ca_conductor_temp_history</td>
                        <td height="25">线路即时表,ca_conductor_temperature</td>
                    </tr>
                    <tr>
                        <td height="25" width="50">线路历史表3,ca_conductor_temp_history3</td>
                        <td height="25">线路历史表2006,ca_conductor_temp_history2006</td>
                        <td height="25">线路历史表,ca_conductor_temp_history2007</td>
                    </tr>
                    <tr>
                        <td height="25" width="50">线路历史表old,ca_conductor_temp_history_old</td>
                        <td height="25">线路设备信息表,ca_monitor_info</td>
                        <td height="25">ca_monitor_temp_out_stat</td>
                    </tr>
                    <tr>
                        <td height="25" width="50">气象站即时表,ca_weather_data</td>
                        <td height="25">气象站历史表,ca_weather_data_history</td>
                        <td height="25">XXXXXXXXX</td>
                    </tr>
                </table>
            </div>