0

このサンプルページに示すように、ロールアップおよびロールダウンするための2つのJSボタンがあり ます。

これで、効果なしで画像を変更するだけです。スライドまたはロール効果を適用して、画像が循環しているように見せるために、このように上下に移動する必要があります。

JSコードはASP.netページから動的に生成されます。これが上ボタンのJSです。

var my_slots = ['_', 'x', 'y', 'z', '0', '1',
                '2', '3', '4', '5', '6', '7', '8', '9'];


$("#sslot_img0_u").live('click', function() {
    image = document.getElementById('sslot_img' + '0');
    image.setAttribute('src', do_up('0', image.getAttribute('alt')));
    $("#hstring").val(my_slots[2]);
    return false;
});

function do_up(key1, key2) {
    image = document.getElementById('sslot_img' + key1);
    if (Number(key2) == my_slots.length - 1) {
        image.setAttribute('alt', '0');
        $get('sslot_hf' + key1).value = my_slots[0];
        return "http://www.fedne.com/" + my_slots[0] + '.gif';
    } else {
        image.setAttribute('alt', (Number(key2) + 1));
        $get('sslot_hf' + key1).value = my_slots[Number(key2) + 1];
        return "http://www.fedne.com/" + my_slots[Number(key2) + 1] + '.gif';
    }
}

divクリックイベントではなくボタンにこの効果を与えることは可能ですか？

4

1 に答える 1

0

必要なことは、jquery animate（）関数を使用し、要素の位置属性を微調整することで実現されます。ただし、使用しているのは、既存の値/イメージを変更することです。アプローチは異なります。

より鮮明な画像を取得するには、Chromeで目的の結果を右クリック->[要素の検査]を選択することをお勧めします。

私はあなたの質問が正しかったことを願っています。私がしなかった場合はお詫び申し上げます。

編集-jqueryslide（）関数のドキュメントも調べてください。あなたが必要なものがそこにあるかもしれません。

于 2012-09-05T16:41:35.360 に答える