F1赛车小游戏-2(元素)

放置车子(图片)调宽度,设置相对位置和绝对位置大盒子外设置相对位置(position:relative)大盒子内设置绝对位置(position:absolute)确定赛车的初始位置在大盒子内,引用软件找到赛车位置,然后先设置赛车向右移动当按键时赛车向右移动(document.onkeydown=function(a){ console.log(a.keyCode)}测试。再确定键位向右移动document.onkeydown=function(a){if(a.keyCode==39){a=a+20}if(a>84){a=84} $(“.c1”).css({left:a+“%”})通过按键移动位置。设置最大和最小位置。

document.onkeydown =function(dddb){

if(dddb.keyCode==39){a=a+20}

if(dddb.keyCode==37){a=a-20}

if(a>84){a=84;}

if(a<4){a=4;}

$(".c1").css({

left:a+"%"});


document.onkeydown =function(){}   当按键时执行。。。

position:relative       相对位置

position:absolute    绝对位置

你可能感兴趣的:(F1赛车小游戏-2(元素))