jQuery更改图像src属性

jQuery更改图像src属性,jquery,image,browser-based,Jquery,Image,Browser Based,现在我正在尝试制作一些基于浏览器的游戏。但我有一些小问题。请打开下面的代码并检查它 有没有更好的解决方案来处理键盘输入 在移动的同时,我和奔跑的士兵改变了形象。但正如你们所看到的,我的士兵并没有跑步,但在停止后按一下键,它就会开始跑步。为什么会这样 1) 我想知道是否最好只在keydown上移动你的角色,然后在keydup上阻止他。不过,您必须小心,因为并非所有元素都支持该方法。我以前见过一些示例,其中表单元素被放置在屏幕外(例如位置:绝对;左:-999px;),并在页面加载时提供焦点。表单字

现在我正在尝试制作一些基于浏览器的游戏。但我有一些小问题。请打开下面的代码并检查它

  • 有没有更好的解决方案来处理键盘输入
  • 在移动的同时,我和奔跑的士兵改变了形象。但正如你们所看到的,我的士兵并没有跑步,但在停止后按一下键,它就会开始跑步。为什么会这样
  • 1) 我想知道是否最好只在keydown上移动你的角色,然后在keydup上阻止他。不过,您必须小心,因为并非所有元素都支持该方法。我以前见过一些示例,其中表单元素被放置在屏幕外(例如位置:绝对;左:-999px;),并在页面加载时提供焦点。表单字段然后接受按键操作,并为其分配键处理程序


    2) 这是因为您不断地将image src重置为run image,这意味着它一直转到第一帧。您可以通过在按下键时增加计数器来解决此问题,并且仅在计数器==1时更改图像。您还需要检测密钥的释放,这样您就可以将图像更改回来并将计数器重置为0。

    在Chrome中的效果与预期一样,在Firefox 4中根本不起作用。你在测试什么浏览器?