废话不多说,直接上代码
设置背景图片移动
var sky = document.getElementById("sky"); //获取div
var y = 0;
var x = 0;
// var y=0;//定义垂直方向初始距离
var skyTimer = setInterval(moveBg, 100); //设置调用这个方法的定时器,100ms调用一次
function moveBg() { //背景移动函数
sky.style.backgroundPositionX = x + "px"; //对div对象的背景图片进行移动
sky.style.backgroundPositionY = y + "px";
y = y + 2; //向下移动
}
创建飞机,子弹,鼠标事件移动
function army(index) {
// 创建飞机
var oArmy = document.createElement('img');
oArmy.src = "image/飞机.png"; //飞机图片
oArmy.width = 66;
oArmy.height = 80;
oArmy.className = 'army';
// 生成飞机的位置固定在底部中间
oArmy.style.left = oSky.offsetWidth / 2 - oArmy.width / 2 + 'px';
oArmy.style.top = oSky.offsetHeight - oArmy.height + 'px';
oSky.appendChild(oArmy);
var leftMax,leftMin,topMax,topMin;
leftMin = -oArmy.width/2;
leftMax = oSky.offsetWidth - oArmy.width/2;
topMin = 0;
topMax =