Tip: You can modify some of the code before running
The pop-up layer pops up a div layer Ajax popup layer popup layer effects mouse through the pop-up layer CSS pop-up effect <p> <meta content= "text/html;" charset=gb2312 "http-equiv=" Content-type "/></p> <script type=" Text/javascript "> Function GetObject ( OBJECTID) {if (document.getElementById && document.getElementById (objectId)) {//The Consortium DOM return Document.getele Mentbyid (OBJECTID); else if (document.all && document.all (objectId)) {//MSIE 4 DOM return document.all (objectId); else if (document.layers && Document.layers[objectid]) {//NN 4 DOM. Note:this won ' t find nested layers n Document.layers[objectid]; else {return false; } </script> <p><style type= "Text/css" > *{margin:0px;padding:0px;} html,body{font-size:12px; Background: #fff; text-align:center;font-family: "XXFarEastFont-Arial"; color: #000} html{min-width:950px} body >div{margin:0 Auto; Text-align:center} div,p,span,form,ul,ol,li,img{margin:0;padding:0;border:0} Ul,ol,li,dd{list-style:none} table, td,input{font-size:12px} H1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal} a:link{font-size:12px;text-decoration : none;font-family: "Arial"} A:visited{font-size:12px;text-decoration:none} A:hover{text-decoration:underline} A: active{font-size:12px;text-decoration:none}.clear{clear:both;font-size:0px;visibility:0px} #tp {width:950px; margin:0 Auto} #tanceng {width:144px;float:left;height:168px;border-bottom:2px solid #163BBB; background: #eee;} # Tanceng ul{width:130px;margin:4px 0px 0px 12px;border:0px solid #f00;} #tanceng li{float:left;padding-right:6px; Line-height:23px;color: #000; width:100%;} #tanceng li A{color: #000 text-decoration:none} #tanceng li A:hover{color: #000; text-decoration:underline} #tanceng. more{padding-right:0px} #tanceng. Lan{color: #2343B1} #tanceng. LAN A{color: #2343B1; text-decoration:underline} # Tanceng. Lan A:hover{color: #2343B1 text-decoration:none}/* 080222 First-page elastic layer/ttou{border-width:1px 4px 0 1px border-style : solid; Border-color: #fbc364; Background-color: #feeed5; Height21px; width:287px; Text-align:left; padding:8px 9px 0 21px; font-size:14px; Font-weight:bold; Color: #ff6906;} Ttou span{color: #000; float:right font-size:12px; font-weight:normal; padding-top:1px; Ttou Ttou: #4240a1;} . tzhong{width:292px; height:177px; border-width:0 4px 4px 1px; Border-style:solid; Border-color: #fbc364; Background-color: #fff; padding:15px 0 9px 25px; Tzhong li{float:left; text-align:center width:55px; line-height:28px; Tzhong Li A{color: #000;} /*.tdi{border-width:0 4px 4px 1px; Border-style:solid; Border-color: #fbc364; Background-color: #fff; width:287px; height:15px; Overflow:hidden; Text-align:right; padding:0 30px 10px 0;} * * Menu_iframe{position:absolute; visibility:inherit; top:0px; left:0px; width:322px; z-index:-1; Filter:alpha ( opacity=0); height:235px;} </style></p> <div id= "TP" > <div id= "Tanceng" > <ul> <li> pop-up 1</li> <LI&G t; eject 2</li> <li> eject 3</li> <li class= "L' More ' > more >></li> </ul> </div> <script> function Salert () {var esrc= (docume nt.all)? Window.event.srcelement:arguments[1]; var shield = document.createelement ("DIV1"); Shield.id = "shield"; Shield.style.position = "absolute"; Shield.style.left = "0px"; Shield.style.top = "0px"; Shield.style.width = "100%"; Shield.style.height = ((document.documentelement.clientheight>document.documentelement.scrollheight)? Document.documentElement.clientHeight:document.documentElement.scrollHeight) + "px"; Shield.style.background = "#333"; shield.style.textAlign = "center"; Shield.style.zIndex = "10000"; Shield.style.filter = "Alpha (opacity=0)"; shield.style.opacity = 0; var Alertfram = document.createelement ("DIV1"); Alertfram.id= "Alertfram"; AlertFram.style.position = "absolute"; AlertFram.style.left = "515px"; AlertFram.style.top = "315px"; ALertFram.style.marginLeft = " -10px"; AlertFram.style.marginTop = " -200px"; AlertFram.style.width = "322px"; AlertFram.style.height = "230px"; AlertFram.style.zIndex = "10001"; strhtml = "<p class=\" ttou\ "><span class=\" close\ ">[close]</span>tttttt</p>\n"; strHTML + + "<iframe class=\" menu_iframe\ "></iframe>\n"; strHTML + + "<div id=\" postform\ "class=\" tzhong\ ">\n"; strHTML + = "<ul>\n"; strHTML + = "<li>111111</li>\n"; strHTML + = "<li>222222</li>\n"; strHTML + = "</ul></div>\n"; alertfram.innerhtml = strhtml; Document.body.appendChild (Alertfram); Document.body.appendChild (shield); this.setopacity = function (obj,opacity) {if (opacity>=1) opacity=opacity/100; try{obj.style.opacity=opacity;} catch (e) {} try{if (Obj.filters.length>0&&obj.filters ("alpha")) {obj.Filters ("Alpha"). opacity=opacity*100; }else{obj.style.filter= "Alpha (opacity=\" + (opacity*100) + "\") "; }catch (e) {}} var c = 0; This.doalpha = function () {if (++c >) {clearinterval (AD); return 0;} SetOpacity (SHIELD,C); var ad = SetInterval ("Doalpha ()", 1); This.dook = function () {//alertfram.style.display = ' none '; Shield.style.display = "None"; Document.body.removeChild (Alertfram); Document.body.removeChild (shield); Esrc.focus (); Document.body.onselectstart = function () {return true;} Document.body.oncontextmenu = function () {return true;} } esrc.blur (); Document.body.onselectstart = function () {return false;} Document.body.oncontextmenu = function () {return false;} </script><!--0222-day modification--> <div class= "clear" > </div> </div>
Tip: You can modify some of the code before running