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    绝对位置

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容