|
//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>
| |