- 所属分类:网站建设知识
- 作者: 独占网络
- 更新时间: 2015-5-2 10:52:27
- 返回列表
我们需要写一个弹出层来显示我们需要显示的信息,这个时候我们就需要使用到遮罩层,那我们下面就来写一个我们遮罩层的事件吧。
页先,我们先书写样式
#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遮罩层。
如果不懂就找深圳网站建设:独占网络