簡單的Jquery遮罩層程式碼實例_jquery

CSS程式碼

複製程式碼程式碼如下：

 brg
 寬度：100%；
 高度：100%；
 背景：#333；
 位置：絕對；
 上方：0；
 左：0；
 上方：0；
 alpha (opacity=60);
 -moz-opacity: 0.6;
 不透明度: 0.6;
 位置：絕對;
 >;
 左：0;}
#showdiv
{
 寬度：100%；
 高度：自動；
 位置：絕對；
 左：300 像素；
 位置：絕對；
 左：300 像素；
 ：150 像素；
 z 索引：330;
 顯示：無；
}
#testdiv
{
 寬度：800px；
 距：0 0 ;
 邊框：1px 實心#4d4d4d；
 背景：#f2f2f2;
}
#close
{
 寬度：2
#close
{
 寬度：200p5;
 線- 高度：27 像素；
 字體大小：14 像素；
 字體粗細：粗體；
 字體大小：14 像素；
 字體粗細：粗體；
 邊框：1 像素實線#4d4d4d；
 文字對齊：邊框：1 像素實線#4d4d4d；
 文字對齊：邊框居中； 遊標：指針；
 邊距：0 自動；

 背景：#333； 顏色：#fff;

}

Html 代碼

複製代碼

代碼如下：


 

   

   

       

  🎜>       

 要顯示的內容

       

   

Jquery 程式碼複製程式碼

程式碼如下：


 function() {
            var bheight = document.body.clientHeight;
                $("#brg").css("顯示", "塊");
                $("#showdiv").css("display", "區塊");
   scrollHeight) ;
                $("#showdiv").css("top", document.body.scrollTop 100);                $("#brg").css("顯示", "無");
                 });
        });