完美世界有声小说,旷世神医,小说阅读网

- 龍誠動態(tài)
  
  行業(yè)新聞
  
  我們的觀點
  
  公司公告
  
  建站技術(shù)
  
  網(wǎng)站SEO優(yōu)化
  
  網(wǎng)站制作流程
  
  產(chǎn)品報價
  - 聯(lián)系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯(lián)系手機：15224122065
  - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁-新聞中心-建站技術(shù)
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <title>彈出層居中半透明特效</title> <style type="text/css"> body,p{margin:0;padding:0;} p{padding:10px;} </style> <script type="text/javascript"> var openWin = { $:function(obj,tag){//這個地球人都知道 if(typeof obj=='string'){var obj=document.getElementById(obj);if(!obj)return} if(tag){return obj.getElementsByTagName(tag)} else{return obj} }, www_zzjs_net:function(obj){//用于處理獲取初始化對象的。www_zzjs_net沒啥意思，隨手寫的。 this.obj=obj;//指定顯示對象 this.zzjs_net_close(1);//顯示：遮罩 + select + 頁面滾動條 + 顯示對象 }, zzjs_net_close:function(o){//o不為空的話，就是開啟（一大串...）。這個“o”如果為空，則關(guān)閉（還是一大串...）。實際上是用來區(qū)別“openWin.www_zzjs_net”與“openWin.zzjs_net_close”的，因為用“www_zzjs_net”初始化時也要調(diào)用“zzjs_net_close”。 if(!o){var o=0;} this.bodyBg(o);//顯示隱藏遮罩 this.center(o);//顯示隱藏主內(nèi)容 this.hs(o);//顯示隱藏select this.hb(o);//顯示隱藏頁面滾動條 }, hb:function(o){//第一串：顯示隱藏滾動條 if(document.documentElement){document.documentElement.style.overflow=(o==1)?"hidden":"";} else{document.body.style.overflow=(o==1)?"hidden":"";} }, hs:function(o){//第二串：顯示隱藏下拉菜單(select) var s=document.getElementsByTagName("select");//找出頁面內(nèi)所有select if(s[0]=="undefined"){return}//如果不存在則返回(也就是不往下走了，掉頭繼續(xù)玩第三串去。) for(var i=0;i<s.length;i++){ if(o==1){s[i].style.visibility="hidden";} else{s[i].style.visibility="";} } }, bodyBg:function(o){//第三串：創(chuàng)建|顯示隱藏透明遮罩 if(o==0){document.getElementsByTagName("body")[0].removeChild(this.$("body_pr"));} else{ document.getElementsByTagName("body")[0].style.height="100%"; var style={position:"absolute",left:"0",top:"0",zIndex:"9999",width:"100%",height:"999em",backgroundColor:"#000",filter:"alpha(opacity=50)",opacity:"0.5"}//預置樣式用于生成遮罩對象 this.cDiv("body_pr","div",style,document.getElementsByTagName("body")[0]);//5、4、3、2、1 創(chuàng)建！ } }, center:function(o){//第四串：創(chuàng)建|刪除主要內(nèi)容/正文 if(o==0){document.getElementsByTagName("body")[0].removeChild(this.$("center_pr"));} else{ var style={position:"absolute",left:"50%",top:"50%",zIndex:"10000"}//預置樣式用于生成 [主要內(nèi)容] 的父容器對象 this.cDiv("center_pr","div",style,document.getElementsByTagName("body")[0]);//5、4、3、2、1 創(chuàng)建！ if(typeof this.obj=='string'){var obj=this.obj;this.$("center_pr").innerHTML=obj;}//如果 [主要內(nèi)容] 的對象類型為string(字符串)，則直接輸出到父容器內(nèi)。 else{var obj=this.obj.cloneNode(true);this.$("center_pr").appendChild(obj);}//否則就用插入的方式搞進去吧。呃，前提是記得先copy [主要內(nèi)容] 生成一個新的，不然下面的操作都會影響到源內(nèi)容哦。 openWin.$("center_pr").style.marginTop=-(openWin.$("center_pr").scrollHeight/2)+((window.pageYOffset)?window.pageYOffset:document.documentElement.scrollTop)+"px";//絕對居中的方法都熟悉吧，這里是得到一個marginTop值，那么就得用“網(wǎng)頁卷去的高”加上自身高度的一半。 openWin.$("center_pr").style.marginLeft=-(openWin.$("center_pr").scrollWidth/2)+"px";//寬度。。。懶得寫了，一般沒人卷這東西。 if(this.$("center_pr").getElementsByTagName("img")[0]){//然后如果內(nèi)容有圖片，則圖片預加載后再計算對象高寬。不然自身的高度就不對了（有時候圖片把容器撐開了，但是我們在圖片沒下載完畢之前就獲取了當時的容器高度。。。） var objimg=this.$("center_pr").getElementsByTagName("img"); objimg[objimg.length-1].onload=function(){ openWin.$("center_pr").style.marginTop=-(openWin.$("center_pr").scrollHeight/2)+((window.pageYOffset)?window.pageYOffset:document.documentElement.scrollTop)+"px"; openWin.$("center_pr").style.marginLeft=-(openWin.$("center_pr").scrollWidth/2)+"px"; } } } }, cDiv:function(id,tag,style,fid){//創(chuàng)建HTML標簽方法 var div=document.createElement(tag);//創(chuàng)建標簽對象 div.id=id;//賦予對象ID for(var i in style){div.style[i]=style[i];}//批量插入style屬性與屬性值 fid.appendChild(div);//插入標簽對象到指定對象內(nèi) } }//歡迎來到站長特效網(wǎng)，我們的網(wǎng)址是www.zzjs.net，很好記，zz站長，js就是js特效，本站收集大量高質(zhì)量js代碼，還有許多廣告代碼下載。 </script> </head> <body> <p><img src="/image/1.jpg" width="60px" height="60px" alt="點擊放大" /></p> <p><button type="button" onclick="openWin.www_zzjs_net('<img src=/image/1.jpg onclick=openWin.zzjs_net_close() alt=點擊關(guān)閉 />');">查看大圖</button></p> <hr /> <p><button onclick="openWin.www_zzjs_net(openWin.$('zzjs_net'))" type="button">打開新窗口</button></p> <div class="0kkqlfz" id="zzjs_net" style="padding:10px;border:solid 1px #ccc;background:#fff;"> <p onclick=openWin.zzjs_net_close()>新窗口<br /></p> </div> <p><button type="button" onclick="openWin.www_zzjs_net('<img src=/img/loading_200907112125.gif alt=上傳中... /><p style=text-align:center;padding-top:10px;><span onclick=openWin.zzjs_net_close() style=padding:5px;padding-left:8px;padding-right:8px;padding-bottom:2px;border-style:solid;border-width:1px;border-color:#999;border-top-color:#666;border-left-color:#666;color:#ccc;background:#777;cursor:pointer;font-size:12px;>取消上傳</span></p>')">loading</button></p> </body> </html>

欧美成人69-欧美成人aaaa免费高清-欧美成人aaa大片-欧美成人xxxx-大杳蕉伊人狼人久久一本线-大又大粗又爽又黄少妇毛片