退出
充值

原生js点击按钮动画飞出登录框代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2019-10-23
比较简单的一款原生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>