轉自：https://blog.csdn.net/baidu_30809315/article/details/83900255 gif動態圖下載地址：http://blog.sina.com.cn/s/blog_4ad042e50102ek2v.html 方式一： 1、在html的body ...

1.1 背景半透明遮罩層樣式 　　需要一個黑色（當然也可以其他）背景，且須設置為絕對定位，以下是項目中用到的css樣式： 1.2 jQuery實現遮罩 1.3 提示框 　　遮罩的目的無非讓人無法操作內容，突出提示框，而提示框可參考上面的制作，z-index比遮罩 ...

1、假設#main為頁面body中的最外層Div標簽 2、背景被遮罩后，顯示的彈出窗（默認是不顯示的，所包含的CSS這里就不貼了）： 3、在script.js中定義遮罩函數以及彈出窗操作函數，當然script.js，jquery.js需要包含在html頁面中 ...

html文件內容如下 css文件內容如下 js內容如下 效果如下 ...

1.1 背景半透明遮罩層樣式 　　需要一個黑色（當然也可以其他）背景，且須設置為絕對定位，以下是項目中用到的css樣式： 1.2 jQuery實現遮罩 1.3 提示框 　　遮罩的目的無非讓人無法操作內容 ...

jquery寫的，使用前需要引用類庫。 先寫一個不顯示的div，當觸發事件時，為這個div添加樣式，高度=當前窗口高度，寬度=當前窗口寬度。 ...

...

...