js控制图层打开与关闭

作者:sky 点击:779 评论:0 发布时间:周五, 06/27/2014 - 11:05 所属分类:表格图层

js代码实现隐藏层打开与关闭功能，通过js脚本来控制图层的隐藏与显示，在弹出的窗口中带有关闭按钮。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效网" /> <meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" /> <title>隐藏层的打开关闭功能，sky整理收集</title> </head> <body bgcolor=#FFFFFF > <a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>  <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <script language="javascript"> ie4=(document.all)?true:false; ns4=(document.layers)?true:false; function toExit(){ var args=toExit.arguments; var visible=args[0]; if(ns4){//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 theObj=eval("document.layers[\'"+args[1]+"\']"); if(theObj)theObj.visibility=visible; } else if(ie4){ if(visible=='show')visible='visible'; if(visible=='hide')visible='hidden'; theObj=eval("document.all[\'"+args[1]+"\']"); if(theObj)theObj.style.visibility=visible; } }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 </script> <div id=boysoft style="HEIGHT: 80px; LEFT: 309px; POSITION: absolute; TOP: 150px; VISIBILITY: hidden; WIDTH: 180px; Z-INDEX: 1"> <table bgcolor=#356f66 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>你看，这是一个隐藏的层，不过现在你可以看到了。zzjs欢迎您<b></b></font></td> </tr> <tr align="center"> <td height=23 width="100%"><a href="javascript:toExit('hide','boysoft')"><font color=white>关闭此窗口</font></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <a href="javascript:toExit('show','boysoft')"><font color="#0000FF">打开隐藏层</font></a> </body> </html>

提示：你可以先修改部分代码再运行。

顶一下

(0)

踩一下

(1)

100%

标签: