深圳网站建设、深圳建网站、网站建设公司定制属于您的高端个性化网站!

搜索深圳网站建设相关案例及相关信息 服务热线:13530005572/15112579390
首页 > 网站建设知识 > Jquery写的一个遮罩层

Jquery写的一个遮罩层

  • 所属分类:网站建设知识
  • 作者: 独占网络
  • 更新时间: 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遮罩层。
如果不懂就找深圳网站建设独占网络

相关推荐

独占网络

专业开发/高端制作

您值得信任的网站建设专家!

为其提供系统的基于互联网的品牌行销策略 、 创意执行 、 追踪运营服务 。