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

0.0/0人
免费

更新时间:2019-11-21 22:31:56

所属分类:网站特效

评论回复:0

 

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

1 (17).jpg


js点击按钮动画飞出登录框代码.zip
0.00 MB

相关推荐

首页 导航 会员 客服
QQ客服 TOP