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

来源:https://www.sucaihuo.com/js/4668.html 2019-08-22 11:19浏览(960) 收藏

一款非常简单的js点击按钮遮罩弹出登录框代码,带有登录框从网页左侧飞出来的动画效果。
js点击按钮遮罩弹出登录框代码
分类:表单代码 > 注册登录框 难易:初级
查看演示 下载资源 下载积分: 20 积分

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>
评论1
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

  • 头像 沙发
    03-01 10:17
    ***
    不错,不错,刚好用上,很满意
1 2