<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/> <title>js pop-up layer, JS cover layer </title> <style type= "Text/css" > . weixindiag{position:absolute;height:auto;z-index:90001;padding:1px; display:none; width:235px; Background-color: none;} . Weixindiag img{border-radius:5px; . Weixinclose{background:url (Http://www.daixiaorui.com/Public/images/weixinclose.png) no-repeat; width:38px; height:38px; Display:inline-block; margin-bottom:-50px; Cursor:pointer; margin-bottom:-38px; z-index:999; position:absolute;right:-18px; top:-18px;} . Overlay{background-color: #252525;p osition:absolute;z-index:90000;left:0;top:0;width:100%;height:100%;opacity : 0.7;filter:alpha (opacity=70);-moz-opacity:0.5; Display:none;} </style> <!--don't forget to introduce the jquery library Oh--> <script type= "Text/javascript" src= "Http://www.daixiaorui.com/Public/js/jquery.min.js" ></script> <script type= "Text/javascript" > Wechat $ (function () { $ (". Weixin"). Click (function () { $ (". Overlay"). CSS ({display: "Block", height:$ (document). Height ()}); $ (". Weixindiag"). CSS ({ Left: ($ ("body"). Width ()-$ (". Weixindiag"). Width ())/2+ "px", Top: ($ (window). Height ()-$ (". Weixindiag"). Height ())/2+$ (window). scrolltop () + "px", Display: "Block" }); }); $ (". Weixinclose"). Click (function () { $ (". Overlay,.weixindiag"). CSS ("display", "none"); return false; }); }) </script> <body> <div class= "Overlay" ></div> <div class= "Weixindiag" ><a class= "Weixinclose" ></a> </div> <script type= "Text/javascript" > Just for full screen for (i=0;i<1000;i++) { document.write (' <a href= "#" class= "Weixin" > Focus on micro-letter </a>@ daixiaorui.com '); } </script> </body> |