Pop-up layer pops up a div layer

Source: Internet
Author: User
Tags visibility
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> &LT;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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.