点击链接弹出图层,双击图层后即可关闭效果。
<html> <head> <meta http-equiv="content-Type" content="text/html;charset=utf-8"> <meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" /> <meta name="description" content="www.zzjs.net,站长特效网,站长必备js特效及广告代码。大量高质量js特效,提供高质量广告代码下载,尽在站长特效网" /> <title>网页特效 可关闭的弹出窗口 站长特效网</title> <style type="text/css"> body {margin:0px} #zzjs_net {position:absolute;z-index:1;left:20px;top:80px;border:1px #666666 solid;background:#9611EE;width:10px;height:10px} </style> </head> <body> <a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net,站长js特效。<hr> <!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,zzjs@msn.com,用.net打造靓站--> <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <script language="javascript"> <!-- function $(){return document.getElementById?document.getElementById(arguments[0]):eval(arguments[0]);} var OverH,OverW,ChangeDesc,ChangeH=50,ChangeW=50; var _DW,_DH function setSize(){ temW=_DW<10?document.body.scrollWidth:document.documentElement.offsetWidth;//_DW<10 即层宽满屏 temH=_DH<10?document.body.scrollHeight:document.documentElement.offsetHeight;//_DH<10 即层高满屏 OverH=_DH<10?temH:_DH; OverW=_DW<10?temW:_DW; if(OverW>temH){ChangeH=Math.ceil((temH-10)/((OverW-10)/50))}else if(OverW<temH){ChangeW=Math.ceil((OverW-10)/((temH-10)/50))} temW=_DW<10?0:(temW-_DW)/2;//(层宽度>窗口宽度时 层左=0,否则居中) temH=_DH<10?0:(temH-_DH)/2;//(层高度>窗口高度时 层顶=0,否则居中) $("zzjs_net").style.top=temH+"px"; $("zzjs_net").style.left=temW+"px"; $("zzjs_net").style.display=''; OpenNow() }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。 function OpenDiv(_Dw,_Dh,_Desc) { _DH=_Dh _DW=_Dw ChangeDesc=_Desc; closeNow(); setSize() }//欢迎来到站长特效网,我们的网q址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。 var Nw=10,Nh=10; function OpenNow() { if (Nw>OverW-ChangeW)ChangeW=2; if (Nh>OverH-ChangeH)ChangeH=2; Nw=Nw+ChangeW;Nh=Nh+ChangeH; if(OverW>Nw||OverH>Nh) { if(OverW>Nw) { $("zzjs_net").style.width=Nw+"px"; //$("zzjs_net").style.left=(document.documentElement.clientWidth-Nw)/2+"px"; } if(OverH>Nh) { $("zzjs_net").style.height=Nh+"px"; //$("zzjs_net").style.top=(document.documentElement.clientHeight-Nh)/2+"px" } window.setTimeout("OpenNow()",10) } else{ Nw=10;Nh=10;ChangeH=50;ChangeW=50; $("zzjs_net").innerHTML=ChangeDesc; } }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大f量高质量js代码,还有许多广告代码下载。 function closeNow(){ $("zzjs_net").innerHTML=""; $("zzjs_net").style.display='none'; $("zzjs_net").style.top=0; $("zzjs_net").style.left=0; $("zzjs_net").style.width=0; $("zzjs_net").style.height=0; }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代q码,还有许多广告代码下载。 //--> </script> <!--a href="javascript:OpenDiv(宽<10则宽满屏,高<10则高满屏,'层内容')"--> <a href="javascript:OpenDiv(9,500,'站长特效一号<br>双击关闭')">一号层</a> 9*500 <a href="javascript:OpenDiv(10,500,'站长特效二号<br>双击关闭')">二号层</a> 10*500 <a href="javascript:OpenDiv(500,9,'站长特效三号<br>双击关闭')">三号层</a> 500*9 <a href="javascript:OpenDiv(500,10,'站长特效四号<br>双击关闭')">四号层</a> 500*10 <a href="javascript:OpenDiv(9,9,'站长特效五号<br>双击关闭')">五号层</a> 9*9 <div id="zzjs_net" style="color:#fff;display:none" ondblclick="closeNow()"></div> <div style="height:900px"></div> </body> </html>
提示:你可以先修改部分代码再运行。
标签:
金泉涞饮水机,商务饮水机,节能饮水机,学校饮水机,ic卡饮水机, 饮水机厂家,加盟饮水机行业,首选金泉涞!
姓名
邮件
验证 (8+6)
网址 (可选)