热门:网页模板.net视频教程JQueryMVCjsonExtJs源码示例三级联动JQuery菜单
您现在的位置:.Net中文社区>> AJAX编程>>正文内容

用JQuery简单实现遮罩效果

发布时间:2009年01月06日点击数: 未知

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

$.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"});
       }


}

本站热点业务

更多模板/案例展示

关于我们 | 联系我们 | 团队日志 | 网站地图 | 网站合作