0

キー http://www.bestmarketingnames.com/elementsDLS/art.jpgキー http://www.bestmarketingnames.com/elementsDLS/beauty.jpgキー http://www.bestmarketingnames.com/elementsDLS/business2. jpg

上記のようないくつかの「キー」を持つ Web ページがあります。ユーザーがクリックすると、青いボタン画像に切り替わります。ユーザーが別のキーをクリックすると、青色に切り替わり、他のキーは灰色に戻ります。

全部で約30個の鍵があります。それらもハイパーリンクされます。

CSS を使用して「ボタン」を作成する半解決策を見つけましたが、Chrome ではなく IE で動作します:
http://archive.simurai.com/lab/buttons/#

とにかく画像切り替えでやりたいのですが、cssが2番目の選択肢になります。

これは巨大な混乱なしに行うことができますか?

ありがとう。

4

1 に答える 1

2

.addClass()関数とjQuery を使用できます.removeClass()...多分次のようなものです:

$("button").click(function(){
    $("button").removeClass("blue");
    $(this).addClass("blue");
});

jsfiddle

CSS では、.blueクラス スタイルを青いイメージ ボタンにするだけです。

編集:画像ボタンの例を追加したので、アイデアを得ることができます: jsfiddle

于 2013-05-06T07:35:02.810 に答える