IE Firefoxと互換性のあるJSマスクレイヤーエフェクト jQueryマスクlayer_jquery

コードをコピー コードは次のとおりです: 史上最も合理化された強力な JS マスク レイヤー エフェクト。Firefox jQuery マスク レイヤーをサポート //グレーの JS マスク レイヤーを表示 function showBg(ct,content){ var bH =$ ("body").height(); var bW=$("body").width() 16; var objWH=getObjWh(ct); css({幅:bW,高さ:bH,display:"ブロック"}); var tbT=objWH.split("|")[0] "px"; "|")[1] "px"; $("#" ct).css({top:tbT,left:tbL,display:"block"}); ).html(" 読み込み中です。お待ちください... "); $(window).scroll(function( ){resetBg( )}); $(window).resize(function(){resetBg()}); } function getObjWh(obj){ var st=document.documentElement .scrollTop;/ /上からのスクロール バーの距離 var sl=document.documentElement.scrollLeft;//左からのスクロール バーの距離 var ch=document.documentElement.clientHeight;// screen var cw=document.documentElement.clientWidth;//画面の幅 var objH=$("#" obj).height();//フローティングオブジェクトの高さ var objW=$("#" obj).width();//フローティングオブジェクトの幅 var objT=Number(st) (Number(ch)-Number(objH))/2; objL=数値(sl) (数値( cw)-数値(objW))/2; return objT "|" } 関数resetBg(){ var fullbg=$( "#fullbg").css(" 表示"); if(fullbg=="block"){ var bH2=$("body").height(); ("body").width() 16; $("#fullbg").css({width:bW2,height:bH2}); var objV=getObjWh("dialog"); >var tbT=objV.split(" |")[0] "px"; var tbL=objV.split("|")[1] "px"; .css({top:tbT,left :tbL}); } } // グレーの JS マスクレイヤーと操作ウィンドウを閉じる function closeBg(){ $("#fullbg").css ("表示","なし"); $("#dialog").css("表示","なし"); } *{ font-family:Arial、Helvetica、sans-serif; } #fullbg { 背景色: グレー; z-index:3; 位置:絶対 左:0px; 🎜>top:0px; フィルター:Alpha(Opacity=30); /* IE */ -moz-opacity:0.4; /* Moz FF */ 不透明度: 0.4; } #dialog { 位置:絶対; 高さ:200px; 表示:なし; z-index: 5 ; } #main { 高さ: 1500px; ここで JS マスク レイヤーの効果を確認します。 /div> !-- JS マスク層を終了します--> 閉じる ;