首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>网站制作>建站常识>利用div来操作提示面板的代码
利用div来操作提示面板的代码
来源: 发布时间:2008-01-06 发布人: 浏览: 人次   字体: [ ]  
//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>

相 关 文 章   发布商链接
·了解css中的id和CssClass的区别
·防止网站iframe挂马的解决方案
·如何在网页中调用Flash才符合Web网页...
·如何做到iframe框架自适应高度?
·CSS规则和CSS层叠样式的应用
·overflow的另类使用,附图解
·Div中使用ul多行多列布局,附图
·提高网页打开速度的几点基本常识
·当前主要的中文站点使用编码列表对比
·网站开发要用的HTML特殊符号及其编码...
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·如何优化CSS书写提高代码的效
·谈谈Div+CSS标准化设计的好处
·使用iframe造成的页面内容不...
·当DIV为空时在Ie中占物理空间
·常见的URl转义字符和特殊符号
·网站开发要用的HTML特殊符号...
·当前主要的中文站点使用编码...
·提高网页打开速度的几点基本...
·Div中使用ul多行多列布局,附
·overflow的另类使用,附图解
·CSS规则和CSS层叠样式的应用
·如何做到iframe框架自适应高...
·如何在网页中调用Flash才符合...
·防止网站iframe挂马的解决方...
·了解css中的id和CssClass的区
热 门 文 章
·HTML之frameset标记应用实例
·css div 不换行的解决方法
·防止网站iframe挂马的解决方...
·常见的URl转义字符和特殊符号...
·祥解CSS容易被人忽略的overfl...
·使用iframe造成的页面内容不...
·网站开发要用的HTML特殊符号...
·实现当前页面的所有链接都在...
·如何减少网页的内存使用和CPU...
·如何做到iframe框架自适应高...
·了解css中的id和CssClass的区...
·如何在网页中调用Flash才符合...
·网站的防盗链系统是如何做的...
·Div中使用ul多行多列布局,附...
·当编辑div的style属性中的bor...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .