0

私はPHPコーディングの経験が豊富ですが、JavaScriptを使用するのはかなり新しいので、この質問がばかげていないことを願っています。

ここでの私の目標は、押されたときに、定義されたDIVオブジェクトの背景位置がその背景位置を1ピクセル変更するボタンを作成することです。

私はグーグルと特にこのサイトでたくさんの検索をしていて、私が見つけたヒントに従って、私はjavascript関数をたくさん遊んでいますが、うまくいくものを手に入れることができないようですそれが必要。

私の現在の化身は次のようになります。

<SCRIPT TYPE="text/javascript">
var xObject = 0; // Global

function xMinus(ele) {
    xObject-=1;
    document.getElementById(ele).css({ 'backgroundPosition': xObject + 'px ' + 0 + 'px' });
}
</SCRIPT>

ボタンをクリックしたときの目標（onclick = "javascript：xMinus（'divID'）;"を含む）では、背景が1ピクセル左にシフトする必要があります。

ただし、現在クリックすると、エラーコンソールに「エラー：document.getElementById（ele）.cssは関数ではありません」と表示されます。

いくつかの異なるバリエーションを試しましたが、常に同様の結果が得られるか、「変数が定義されていません」。明らかに私は自分が何をしているのか分かりません。助けてください！私はこれを友達のためにコーディングしていて、彼らを長く待たせたくありません。

4

2 に答える 2

3

jQuery を使用していない場合は、

document.getElementById(ele).style.backgroundPosition = xObject + 'px ' +'0px';
于 2012-06-08T04:11:36.620 に答える
1

の中で何を渡していeleますか？要素の文字列である必要がありid、数字で始まってはなりません。

次のようにコードを書き直してみてください。

var xObject = 0; // Global

function xMinus(ele) {
    xObject--;
    $('#'+ele).css({ 'backgroundPosition': xObject + 'px ' + 0 + 'px' });
}

jQueryを使っていることを願っています！:) jQuery を使用しない場合は、次のようにする必要があります。

document.getElementById(ele).style.backgroundPosition = xObject + 'px ' + '0';

ハンドラー、その<a>タグの場合、コードは次のようにする必要があります: (含むべきではありませんjavascript:)

<a href="#" onclick="xMinus('id'); return false;">BG Left Push!</a>
于 2012-06-08T04:07:12.577 に答える