jQuery는 IE6 및 IE7_jquery와 호환되는 간단한 웹 페이지 마스크 레이어/팝업 레이어 효과를 구현합니다.

/*********************************
* @name 레이어 브라우저 간 호환 플러그인 v1.0
***** ****************************/
; (function($){
$.fn.layer = function(){
var isIE = (document.all) ? true : false;
var isIE6 = isIE && !window.XMLHttpRequest ;
var position = !isIE6 ? "고정": "절대";
var ContainerBox = jQuery(this)
containerBox.css({"z-index":"9999","display" :"차단","position":position ,"top":"50%","left":"50%","margin-top": -(containerBox.height()/2) "px"," margin-left ": -(containerBox.width()/2) "px"});
var layer=jQuery("");
layer.css({ "너비":"100%","높이":"100%","위치":위치,"상단":"0px","왼쪽":"0px","배경색":"#000" ,"z -index":"9998","opacity":"0.6"});
jQuery("body").append(layer)
function layer_iestyle(){
var maxWidth = Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth) "px";
var maxHeight = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight)
layer .css( {"width" : maxWidth , "height" : maxHeight });
}
function ContainerBox_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 디스플레이 아래에 커다란 검은 똥이 나옵니다~~ ~