zoukankan      html  css  js  c++  java
  • js效果我的蒙板效果实现

        最近做网站要用到它,虽然说别人已经实现过很多了,但我还是喜欢自己实现一个。

    var mask = function(o) {
        
    var o = $(o);
        
    var maskDiv = document.createElement('div');
        maskDiv.id
    ="__maskTag__882366488776";
        maskDiv.className
    ="ModalBackground";
        Element.setStyle(maskDiv, 
    {position:"absolute", zIndex:1000, left:"0px", top:"0px",  Element.getWidth(!ctit.utility.isNull(o)?o:document.body) + "px", height: !ctit.utility.isNull(o)?Element.getHeight(o)+"px":ctit.utility.getViewHeight() + "px"});
        
    if(!ctit.utility.isNull(o)){
            
    var xy = Position.cumulativeOffset(o);
            Element.setStyle(maskDiv, 
    {left: xy[0]+"px", top: xy[1]+"px"});
            o.appendChild(maskDiv);
        }
    else{
            document.body.appendChild(maskDiv);
        }

    }


    var unMask = function() {
        
    var maskDiv=$("__maskTag__882366488776");
        
    if(maskDiv){
            document.body.removeChild(maskDiv);
        }

    }
  • 相关阅读:
    解决VMwave下卡死的办法
    深度探索C++对象模型第四章:函数语义学
    cc
    tbb库的使用
    10内核同步方法
    哈希
    django 和restful framework 初始配置轻松搞定
    linux有趣动画--代码雨
    linux有趣开机图标--佛祖保佑
    Socket是什么,通俗易懂点说
  • 原文地址:https://www.cnblogs.com/afxcn/p/902761.html
Copyright © 2011-2022 走看看