0

コード ：

HTML :

<div id="Container" class="Container">
<div id="PLayer"  class="player" ></div>
</div>

CSS:

<style type="text/css">
 .Container
 {
  width:200px;
   height:200px;
  }
 .player
{
 width:10px;
 height:10px;
 background-color:Red;
 position: absolute;
 }   
</style>

js:

$("body").keydown(function (e) {

        var KeyID = e.KeyCode || e.which;
        if (KeyID === 39) //right 
        {
            $("#Player").animate({ 'right': '20px' });
        }
    });

しかし、プレーヤーはまったく動かないようです。何か提案はありますか?

4

3 に答える 3

1

現在の位置から 20px 右に移動する必要があります。

$(".Player").animate({ 'right': '+=20px' });
于 2013-07-13T07:23:21.670 に答える
0

動作しますが、クラス セレクターを使用します。

$(".Player").animate({ 'right': '+=20px' });

クラス値として Player を持つ複数の div がある場合、すべての div が移動します。

于 2013-07-13T07:27:07.857 に答える