Jquery寫的一個遮罩層

我們需要寫一個彈出層來顯示我們需要顯示的信息，這個時候我們就需要使用到遮罩層，那我們下面就來寫一個我們遮罩層的事件吧。
頁先，我們先書寫樣式
#zhezhao{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; z-index:200;background:#000;filter:alpha(opacity=60);opacity:.6;}
.tishi{ position: absolute;z-index: 1050;border: solid 1px #f0f0f0;font-size: 14px;padding: 0;background: none;}
那我們下面網頁
<div id="zhezhao" ></div>
<div class="tishi">獨佔網絡</div>
上面就是我們書寫的信息，但是我們一般會使用jquery來引出這一個方法
<script type="text/javascript">
$(document).ready(function() {
var content="<div id=\"zhezhao\" ></div><div class=\"tishi\">獨佔網絡</div>";
$("body").append(content);
$(".tishi").fadeIn(200);
});
</script>
上面就是我們使用Jquery遮罩層。
深圳網站建設https://www.sz886.com