0

私はこれを行う方法を理解しようとしています。私は倉庫の建物を販売する会社で働いており、私たちのウェブサイトにいくつかの新しいコンポーネントを追加しようとしています.1つはインタラクティブです. 私が望むのは、ボタンが押されたとき、またはオプション (オプション タグ) が選択されたときに、画像またはテキスト (できれば両方) を切り替えることができるようにすることです。誰かがそれを助けることができれば、それは素晴らしいことです。

このページは私が (数時間) 試みたものですが、うまくいきませんでした。

http://progrower.coffeecup.com/shop/viewitem.php?productid=45

私はかなりの量の html と最小限の JavaScript を知っているので、できれば簡単な言葉で話します。

4

1 に答える 1

0

HTML 

<select id="colour">
    <option>red</option>
    <option>purple</option>
    <option>blue</option>
    <option>yellow</option>
</select>

CSS 

div {
    background: red;
    height: 150px;
    width: 150px;
}

jQuery 

$(document).ready(function() {
    $('select:#colour').change(function() {
       var colour = $(this).val();
        $('div').css({'background': colour});
    });
});

コードの編集を使用して、製品画像に変更することをお勧めします。

ここにデモがあります: JSFiddle !

于 2013-06-24T21:03:44.423 に答える