js+div 隐藏显示层代码

js+div 隐藏显示层代码
<script language=javascript>

function toExit(){<!--对隐藏层的操作-->
var args=toExit.arguments;<!--获取函数的输入值-->
var visible=args[0];<!--函数的第一个输入值-->
if(document.all){<!--对于ie浏览器-->
  if(visible=='show')visible='visible';<!--设置隐藏层显示-->
  if(visible=='hide')visible='hidden';<!--设置隐藏层消失-->
  theObj=eval("document.all['"+args[1]+"']");
  if(theObj)theObj.style.visibility=visible;<!--执行上述操作-->
  }

}    

</script>

<div id=div32
style="HEIGHT: 80px; LEFT: 10px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 180px; Z-INDEX: 1">
<table bgcolor=#FF9900 border=1 cellpadding=0 cellspacing=0 height=80
  width=180>  <tbody>
                      <tr>
                        <td height=65 width="100%">
                          <table border=0 cellpadding=0 cellspacing=0 height=80 width="99%">
                            <tbody>
                            <tr>
                              <td height=57> <font
            color=#ffffff>欢迎来到javascript世界!这里有你意想不到奇妙效果!<b></b></font></td>
                            </tr>
                            <tr align="center">
                              <td height=23 width="100%"><a
            href="javascript:toExit('hide','div32')"><font color=white>关闭此层</font></a></td>
                            </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
<a href="javascript:toExit('show','div32')"><font color="#FF9900">打开隐藏层</font></a>
<body>

</body>

</html>
<!--本例程实习了打开活隐藏层的操作-->
<!--了解隐藏层的产生机制-->
<!--打开、关闭隐藏层的造作实现-->
<!--函数的调用-->

时间: 2024-11-02 07:14:28

js+div 隐藏显示层代码的相关文章

一款 div隐藏/显示js代码

  <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net /1999/xhtml"> <head> <meta http-equiv="co

js+div 弹出层城市切换代码

提示:您可以先修改部分代码再运行 js+div 弹出层城市切换代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

完美的js div拖拽实例代码_javascript技巧

本文实例为大家分享了完美的js div拖拽实例代码,供大家参考,具体内容如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head

javascript div弹出层代码

javascript教程 div弹出层代码 function loadBar(fl) //fl is show/hide flag {   var x,y;   if (self.innerHeight)   {// all except Explorer     x = self.innerWidth;     y = self.innerHeight;   }   else   if (document.documentElement && document.documentEleme

js +css 实例拖动层代码

js <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <SCRIPT language=JavaScript> <!-- function JM_cc(ob){ var obj=MM_findObj(ob); if (obj)

两款漂亮js 弹出提示层代码

function fromid(id) { return document.getelementbyid(id); } function show_alert(msg, type, time) { var layer_obj = fromid("alert_layer"); var layer_text= fromid("alert_text"); var line_height = (document.documentelement.scrolltop == 0)

javascript+div 弹出层代码

敬爱的用户: × 1中国WEB第一站为你提供专业建知识 中国WEB第一站为你提供专业建知识 中国WEB第一站为你提供专业建知识 本文章由中国WEB第一站提供                             本文章由中国WEB第一站提供

js实现div弹出层的方法

 话说现在各种插件出来了要实现弹出层真是太简单了,但个人有时觉得那些插件不实用经常会找一些纯js原生态的东西,下面来给各位分享一个原生太js div弹出层实例,有需要的朋友可一起看看. 这个不用多说了,直接贴代码吧.有码有注释: 代码如下: /*  * 弹出DIV层 */ function showDiv() { var Idiv     = document.getElementById("Idiv"); var mou_head = document.getElementById(

js实现div弹出层的方法_javascript技巧

本文实例讲述了js实现div弹出层的方法.分享给大家供大家参考.具体分析如下: 话说现在各种插件出来了要实现弹出层真是太简单了,但个人有时觉得那些插件不实用经常会找一些纯js原生态的东西,下面来给各位分享一个原生太js div弹出层实例,有需要的朋友可一起看看. 这个不用多说了,直接贴代码吧.有码有注释: 复制代码 代码如下: /*  * 弹出DIV层 */ function showDiv() { var Idiv     = document.getElementById("Idiv&quo