有問(wèn)題可聯(lián)系我QQ:429810818

          posts - 4, comments - 6, trackbacks - 0, articles - 8

          網(wǎng)頁(yè)半透明遮罩DIV層

          Posted on 2013-06-19 21:35 張力 閱讀(322) 評(píng)論(0)  編輯  收藏

          效果圖:
          代碼

          /**
           * 通用等待處理
           * @author 張力
           * 用法 loading.start();則顯示 loading.close();則關(guān)閉
           */
          var loading={
          'id':'loading',
          'name':'loading',
          'init':function(){
              return  parent.parent.parent.parent.parent.parent.document;
          },
          'start':function(){
           var pdocument = this.init();
           
           var bgObj=pdocument.createElement("div");  

           bgObj.setAttribute('id','bgDiv');  

           bgObj.style.position="absolute";  

           bgObj.style.background="#FFFFFF";  

           bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=20,finishOpacity=75";  

           bgObj.style.opacity="0.5";  

           bgObj.style.top="0";  

           bgObj.style.left="0"; 

           bgObj.style.width="100%";  

           bgObj.style.height="100%";  

           bgObj.style.zIndex = "1000";  
             
           pdocument.body.appendChild(bgObj); 
           
           var loaddiv=document.createElement("div");
           
           loaddiv.setAttribute('id','loaddiv');
           
           loaddiv.setAttribute('align','center');
           
           loaddiv.style.top="50%";  

           loaddiv.style.left="50%";
           
           loaddiv.style.position="absolute";  
           
           loaddiv.style.zIndex = "1001"; 
           
           loaddiv.innerHTML="<img src='images/loading_img.gif' ></br>正在處理,請(qǐng)稍候....";

           pdocument.body.appendChild(loaddiv); 
          },
          'close':function (){
           var pdocument = this.init();
           pdocument.body.removeChild(pdocument.getElementById("bgDiv"));
           pdocument.body.removeChild(pdocument.getElementById("loaddiv"));  
          }
          };


          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 民县| 颍上县| 合水县| 荣成市| 灵璧县| 乌恰县| 永春县| 宿迁市| 玛沁县| 河北省| 乌拉特前旗| 四平市| 唐山市| 乌海市| 庐江县| 岢岚县| 财经| 会宁县| 白朗县| 博野县| 芷江| 县级市| 巩义市| 鄂伦春自治旗| 太和县| 鄯善县| 洛宁县| 三河市| 文登市| 盐津县| 迁安市| 义乌市| 遂溪县| 仁寿县| 太保市| 行唐县| 乌拉特中旗| 修武县| 邵东县| 临朐县| 德州市|