原生js点击按钮动画飞出登录框代码-爱资源分享网

比较简单的一款原生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>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载