暑假的實習，本來不怎麼懂JavaScript的我，寫了挺多JavaScript或者是jQuery的一些小效果，現在記錄下來，方便以後查看。
遮罩效果一般用在數據處理需要一定時間，這段等待的時間不希望用戶去點擊按鈕或者是修改數據，那麼就會用到遮罩層，等到數據處理完畢之後，再關閉遮罩層，這樣子就可以避免數據出錯了。
遮罩效果其實非常簡單，就是用一個div擋住屏幕即可，我們只需事先寫好一個頂層的div遮罩層，在需要的時候顯示。廢話不多說，直接貼代碼了，我這裏使用了jQuery，也可以不用。
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$("#bg").show();//顯示遮罩層
alert("遮罩演示");
$("#bg").hide();//關閉遮罩層
})
})
</script>
</head>
<body>
<input type="button" value="遮罩層演示" id="btn">
<!--這是遮罩層，默認是不顯示的，設置透明度爲0.5-->
<div id="bg" style="display:none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color:black;opacity: 0.5">
</body>
</html>效果如下：
Author：立禮
Sign：人生不要有太多的幻想，而要有更多的行動。
