jQuery は、IE6 および IE7_jquery と互換性のある単純な Web ページ マスク レイヤー/ポップアップ レイヤー効果を実装します。

/**********************************
* @name Layer ブラウザ間互換性プラグイン v1.0
*** ****************************/
; (function($){
$.fn.layer = function(){
var isIE = (document.all) ? true : false;
var isIE6 = isIE && !window.XMLHttpRequest ;
var 位置 = !isIE6 ? : "絶対";
var コンテナボックス = jQuery(this); :"ブロック ","位置":位置 ,"上":"50%","左":"50%","マージン-上": -(containerBox.height()/2) "px"," margin-left ": -(containerBox.width()/2) "px"});
varlayer=jQuery("");
layer.css({ "width" :"100%","height":"100%","position":position,"top":"0px","left":"0px","background-color":"#000" ,"z -index":"9998","opacity":"0.6"});
jQuery("body").append(layer);
functionlayer_iestyle(){
var maxWidth = Math.max (document.documentElement.scrollWidth, document.documentElement.clientWidth) "px";
var maxHeight = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) "px"; .css( {"width" : maxWidth , "height" : maxHeight });
}
functioncontainerBox_iestyle(){
var marginTop = jQuery(document).scrollTop -containerBox.height()/ 2 "px" ;
var marginLeft = jQuery(document).scrollLeft -containerBox.width()/ 2 "px";
containerBox.css({"margin-top" : marginTop , "margin-left" : marginLeft }) ;
}
if(isIE){
layer.css("filter","alpha(opacity=60)");
}
if(isIE6){
layer_iestyle ();
containerBox_iestyle();
jQuery("window").resize(function(){
layer_iestyle();
レイヤー.click( function(){
containerBox.hide();
jQuery(this).remove();
})(jQuery); >

はは、とても単純なことではありませんが、ここに大きなバグがあります。IE6 は透明な背景色をサポートできないため、IE6 の表示の下に大きな黒いたわごとが表示されます。 ~

次に、
の使用法について説明します。