js点击按钮遮罩弹出登录框代码-站长技术网

js点击按钮遮罩弹出登录框代码

时间:2019-11-15 10:34:18 来源:网络收集作者:不详点击:次

源码授权：免费特效运行环境： JS 源码大小： 2 KB
普通会员
点击下载

一款非常简单的js点击按钮遮罩弹出登录框代码，带有登录框从网页左侧飞出来的动画效果。

js代码
<script type="text/javascript">
    function $(param){
        if(arguments[1] == true){
            return document.querySelectorAll(param);
        }else{
            return document.querySelector(param);
        }
    }
    function ani(){
        $(".popOut").className = "popOut ani";
    }
    $("button").onclick = function(){
        $(".popOut").style.display = "block";
        ani();
        $(".popOutBg").style.display = "block";
    };
    $(".popOut > span").onclick = function(){
        $(".popOut").style.display = "none";
        $(".popOutBg").style.display = "none";
    };
    $(".popOutBg").onclick = function(){
        $(".popOut").style.display = "none";
        $(".popOutBg").style.display = "none";
    };
</script>