js+html实现遮罩层效果

2015-07-17 0 190
js+html实现遮罩层效果
//遮罩  
    function coverDiv(){  
        var procbg = document.createElement("div"); //首先创建一个div  
        procbg.setAttribute("id","mybg"); //定义该div的id  
        procbg.style.background = "#000000";  
        procbg.style.width = "100%";  
        procbg.style.height = "100%";  
        procbg.style.position = "fixed";  
        procbg.style.top = "0";  
        procbg.style.left = "0";  
        procbg.style.zIndex = "500";  
        procbg.style.opacity = "0.6";  
        procbg.style.filter = "Alpha(opacity=70)";  
        document.body.appendChild(procbg);  
    }  
    //取消遮罩  
    function hide() {  
        /* document.getElementById('light').style.display="none"; */  
        $("div[class='xucun_content']").hide();  
        var body = document.getElementsByTagName("body");  
        var mybg = document.getElementById("mybg");  
        body[0].removeChild(mybg);  
    }

遇见资源网 js/jquery js+html实现遮罩层效果 http://www.ox520.com/11214.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务