赛车游戏-左右控制

一、学习内容

        下午讲解的是利用JavaScript实现键盘对汽车的改变

二、代码

//找到车子

//.css设置它的样式

var a = 4;

document.onkeydown = function(xiaohua){

if (xiaohua.keyCode == 39)

{

a= a+20;

}

if (xiaohua.keyCode == 37)

{

a= a-20;

}

//如果a的值大于84 那么就将a的值改为84

if (a > 84)

{

a = 84;

}

if (a < 4)

{

a = 4;

}

$(".mycar").css({

left:a + "%"

// a+"px" 代表将a的数值 拼接"px"字符串

// 例如 a的数值是5的话 那么拼接的效果是"5px"

});

}

三、总结

             学习动画效果的过程中，难点在于如何准确计算数值的增加或者减少 
                                                                     代码的书写格式也要多熟练