간단한 Jquery 마스크 레이어 코드 example_jquery

Css代码

复代码 代码如下:

 #brg
{
 너비: 100%;
 높이: 100%;
 배경: #333;
 위치: 절대;
 상단: 0;
 왼쪽: 0;
 필터: 알파 (불투명도=60);
 -moz-opacity: 0.6;
 불투명도: 0.6;
 위치: 절대;
 상단: 0;
 왼쪽: 0;
 디스플레이: 없음 ;
}
#showdiv
{
 너비: 100%;
 높이: 자동;
 위치: 절대;
 왼쪽: 300px;
 상단: 150px;
 z-index: 330;
 디스플레이: 없음;
}
#testdiv
{
 너비: 800px;
 높이: auto;
 여백: 0 0 ;
 테두리: 1px 단색 #4d4d4d;
 배경: #f2f2f2;
}
#close
{
 너비: 200px;
 높이: 27px;
 줄 -height: 27px;
 font-size: 14px;
 font-weight:bold;
 border: 1px solid #4d4d4d;
 text-align: center;
 cursor: 포인터;
 여백: 0 자동;
 배경: #333;
 색상: #fff;
}

Html 代码

复代码 代码如下:

 

   

   

       

            关闭
       

       

  要显示的内容

       

   

Jquery 代码

复代码 代码如下:

 $(문서).ready( function() {
            var bheight = document.body.clientHeight;
            $("#btnAdd").click(function() {
               $("#brg").css("display", "block");
                $("#showdiv").css("display", "block");
               $("#brg").css("height", document.body.scrollHeight) ;
                $("#showdiv").css("top", document.body.scrollTop 100);
            });
           $("#close").click(function() {        });