JS写一起贪吃蛇

  • 时间:2018-06-16 23:01 作者:下班很无聊 来源:下班很无聊 阅读:981
  • 扫一扫,手机访问
摘要:一、HTML二、CSS img{ margin: 10px; width:200px; height:300px; float: left; }三、scriptwindow.onload=function(){ var aImg=document.getElementsByTagName('

一、HTML

二、CSS

img{

margin: 10px;

width:200px;

height:300px;

float: left;

}

三、script

JS写一起贪吃蛇

JS写一起贪吃蛇

window.onload=function(){

var aImg=document.getElementsByTagName('img');

for (var i = 0; i < aImg.length; i++) {

aImg[i].timer=null;

aImg[i].onmouseover=function(){

startMove(this,500);

}

aImg[i].onmouseout=function(){

startMove(this,300);

}

};

}

function startMove(obj,iTarget){

clearInterval(obj.timer);

// 对每个对象设置定时器

obj.timer=setInterval(function(){

var iSpeed=(iTarget-obj.offsetHeight)/8;

var iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);

if (obj.offsetHeight==iTarget) {

clearInterval(obj.timer);

}

else{

obj.style.height=obj.offsetHeight+iSpeed+'px';

}

},30)

}

四、效果图

JS写一起贪吃蛇

JS写一起贪吃蛇

  • 全部评论(0)
手机二维码手机访问领取大礼包
返回顶部