weixin_40025586的博客

1.瀑布流css部分：<style type="text/css"> #wrap{ width:800px; border:1px solid red; } ul{ width:200px; float:left; } #wrap:after{ content:""; display:block; clear:both;...

鼠标滚轮事件综述：onmousewheel：滚轮事件//针对非火狐浏览器 window.onmousewheel=function(e) { ev=e||window.event; //ev.wheelDelta:可以获得一个数值 //向下滚动是正值 //向上滚动是负值 }//火狐浏览器滚动方式 window.addEvent...

1.移动端事件–摇一摇：微信摇一摇功能JS封装函数为： //添加事件 function shake(callBack) { var last_x=last_y=last_z=0; var last_time=new Date().getTime(); function initional() { if(window.DeviceMotionEvent) {window.ad...

1.碰撞检测：CSS+Body部分：<style type="text/css"> #first { width:100px; height:100px; background:pink; position:absolute; } #second{ width:100px; height:100px; background:blue; pos...

1.子弹创建实例化对象//子弹模板function BulletProto(imgSrc,x,y,speed){ this.imgNode=document.createElement('img'); this.imgSrc=imgSrc; this.x=x; this.y=y; this.speed=speed; //初始化方法 this.init=function(){...

1.碰撞原理及实现–碰撞范围限定子弹左边坐标>敌方飞机左边坐标子弹左边坐标<敌方飞机左边坐标+敌方飞机的宽度子弹顶部坐标>敌方飞机的顶部坐标子弹顶部坐标<敌方飞机顶部坐标+敌方飞机的高度–实例化代码：function checkBoom() { for(var i=0;i<smallPlaneArray.length;i++) { for...

1.知识准备(1)面向对象–构造函数–函数名首字母大写 function Student(name,grade){ this.studentName=name; this.studentGrade=grade; this.goSchool=function(){ alert(this.studentName+'要去上课了'); }; } var stu1=new St...

一.创建方法：–构造函数定义敌方小飞机(1)属性：[1]图片节点[2]图片[3]x坐标[4]y坐标[5]速度(2)行为：[1]移动[2]初始化 把图片节点添加到mainObj里二.代码实现：html+css<!--下为css部分，主要是背景图的设置-->*{margin:0;padding:0;}#main{width:400px;height:600p...

1.创建原理部分：–构造函数定义玩家飞机1.(1)属性：[1]图片节点[2]图片[3]x坐标[4]y坐标[5]速度(2)行为：[1]移动–>上下左右[2]发射子弹[3]初始化 把图片节点添加到mainObj里2.代码实现部分：html+css<!--下为css部分，主要是背景图的设置-->*{margin:0;padding:0;}#main{wi...