jQuery键盘按键触发气球爆炸动画特效

来源:https://www.sucaihuo.com/js/3158.html 2017-10-21 15:06浏览(1798) 收藏

jQuery键盘按键触发气球爆炸动画特效,从左到右5颗气球分别对应1、2、3、4、5数字按键触发气球爆炸动画效果(有些浏览器不兼容)
jQuery键盘按键触发气球爆炸动画特效
分类:其它特效 > 动画效果 难易:初级
查看演示 下载资源 下载积分: 10 积分

js代码

<script src="js/bomb.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	var balloon1 = {jq:$('.balloon-1'),flag:false}
	var balloon2 = {jq:$('.balloon-2'),flag:false}
	var balloon3 = {jq:$('.balloon-3'),flag:false}
	var balloon4 = {jq:$('.balloon-4'),flag:false}
	var balloon5 = {jq:$('.balloon-5'),flag:false}
	document.onkeydown=function(){
	var e = event || window.event || arguments.callee.caller.arguments[0];
	switch(e.keyCode){
			case 49:
					bomb(balloon1);
		    	return false;
			break;
			case 50:
		    	bomb(balloon2);
		    	return false;
			break;
			case 51:
		    	bomb(balloon3);
		    	return false;
			break;
			case 52:
		    	bomb(balloon4);
		    	return false;
			break;
			case 53:
		    	bomb(balloon5);
			    return false;
		  break;
	  }  
	}
});
</script>
标签: 气球爆炸
评论0
头像

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

1 2