网站导航免费论文 原创论文 论文搜索 原创论文 网学软件 学术大家 资料中心 会员中心 问题解答 原创论文 论文素材 设计下载 最新论文 下载排行 论文上传 在线投稿 联系我们
返回网学首页
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 网页素材 > AJAX代码 > 正文
用JQuery简单实现遮罩效果
来源:Http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 11/01/18

实例代码如下,可直接复制使用:

$.fn.dialog=function(){

this.MaskDiv=function()
       {        
        var wnd = $(window), doc = $(document);
        //alert(doc.height());
        if(wnd.height() > doc.height()){ //当高度少于一屏
         wHeight = wnd.height();  
        }
else{//当高度大于一屏
         wHeight = doc.height();    
        }

        //创建遮罩背景
        $("body").append("<div ID=MaskID></div>");
        $("body").find("#MaskID").width(wnd.width()).height(wHeight)
        .css({position:"absolute",top:"0px",left:"0px",background:"#ccc",filter:"Alpha(opacity=90);",opacity:"0.3",zIndex:"10000"});
       }


}

网学推荐

免费论文

原创论文

浏览:
设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
版权所有 电话:013574892963 QQ:3710167 邮箱:Educs@163.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2015 Www.myeducs.Cn All Rights Reserved
湘ICP备09003080号