日本道色综合久久,一本久久综合亚洲鲁鲁,国产精品美女久久久久久

- 龍誠動(dòng)態(tài)
 
 行業(yè)新聞
 
 我們的觀點(diǎn)
 
 公司公告
 
 建站技術(shù)
 
 網(wǎng)站SEO優(yōu)化
 
 網(wǎng)站制作流程
 
 產(chǎn)品報(bào)價(jià)
 - 聯(lián)系電話：0577-55882408
 - 傳真號(hào)碼：0577-55882411
 - 聯(lián)系手機(jī)：15224122065
 - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁-新聞中心-建站技術(shù)
 下面是整個(gè)頁面的代碼,總共分為CSS和Javascript和HTML三部份，復(fù)制后運(yùn)行就可以了，里面有個(gè)背景圖要自己換掉。 <div id="3koezka" class="wp_syntax"> <div id="lhpdyjw" class="code"> <pre class="css" style="font-family: monospace;">#alertdiv{position:absolute; height:450px; width:400px; z-index:9999;left:50%; margin-left:-200px; padding:1px; border:1px #ccc solid; font-size:12px; display:none; background-color:#FFFFFF} #alertdiv h2{ position:relative; height:23px; background-color:#E4E4E4; font-size:12px;padding:0; padding-left:5px; line-height:23px; margin:0; } #alertdiv h2 a{position:absolute; display:block;right:5px; top:3px;display:block; margin:0; width:16px; height:16px; margin:0; padding:0; overflow:hidden; background:url(images/icon/action_delete.gif) no-repeat; cursor:pointer; text-indent:-999px} .forminfo{padding:5px;} .inputR{width:120px;} .bg{background-color:#CCC;-moz-opacity: 0.5; filter: alpha(opacity = 50); height:10000px; width:120%; position:absolute; z-index:9998; left:0; top:0; display:none}</pre> </div> </div> <div id="7otj2pf" class="wp_syntax"> <div id="bd4kwnz" class="code"> <pre class="javascript" style="font-family: monospace;"> function alertinfo(id){ //顯示彈出層 var obj = document.getElementById(id); var W = screen.width;//取得屏幕分辨率寬度 var H = screen.height;//取得屏幕分辨率高度 var yScroll;//取滾動(dòng)條高度 if (self.pageYOffset) { yScroll = self.pageYOffset; } else if (document.documentElement && document.documentElement.scrollTop){ yScroll = document.documentElement.scrollTop; } else if (document.body) { yScroll = document.body.scrollTop; } //obj.style.marginLeft= (W/2 - 200) + "px"; obj.style.top= (H/2 -90 - 225　+　yScroll) + "px"; document.getElementById("bg").style.display="block"; obj.style.display="block"; var scrollstyle = scrolls(); scrollstyle.style.overflowX = "hidden"; scrollstyle.style.overflowY = "hidden"; } function closediv(id){ //關(guān)閉彈出層 document.getElementById(id).style.display="none"; document.getElementById("bg").style.display="none"; var scrollstyle = scrolls(); scrollstyle.style.overflowY = "auto"; scrollstyle.style.overflowX = "hidden"; } function scrolls(){ //取瀏覽器類型 var temp_h1 = document.body.clientHeight; var temp_h2 = document.documentElement.clientHeight; var isXhtml = (temp_h2<=temp_h1&&temp_h2!=0)?true:false; var htmlbody = isXhtml?document.documentElement:document.body; return htmlbody; }</pre> </div> </div> <div id="9orfbla" class="wp_syntax"> <div id="8hiwrgq" class="code"> <pre class="php" style="font-family: monospace;"><div class="bg" id="bg"></div> <div id="alertdiv"> <h2>請?zhí)顚懕韱涡畔?span style="color: rgb(51, 153, 51);"><a href="javascript: closediv('alertdiv')" title="關(guān)閉">關(guān)閉</a></h2> <div class="forminfo"> <table width="100%" border="0" align="center" cellpadding="5"> <form id="form1" name="form1" method="post" action=""> <tr> <td width="21%" align="right">字段一： </td> <td width="41%"> <input type="text" name="textfield" id="textfield" class="inputR"/> </td> <td width="38%">&nbsp;</td> </tr> <tr> <td align="right">字段三：</td> <td><input type="text" name="textfield2" id="textfield2" class="inputR"/></td> <td>&nbsp;</td> </tr> <tr> <td align="right">字段四：</td> <td><input type="text" name="textfield3" id="textfield3" class="inputR"/></td> <td>&nbsp;</td> </tr> <tr> <td align="right">字段五：</td> <td><input type="text" name="textfield4" id="textfield4" class="inputR"/></td> <td>&nbsp;</td> </tr> <tr> <td align="right">&nbsp;</td> <td colspan="2"><label> <input type="submit" name="button" id="button" value="提交" /> </label> <label> <input type="reset" name="button2" id="button2" value="重置" /> </label></td> </tr> </form> </table> </div> </div> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>;&nbsp;</p> <p>&nbsp;</p> <p><a href="javascript: alertinfo('alertdiv');">顯示彈出層</a></p></pre> </div> </div>