ボタンが4つあるイベントページを作成したいのですが、ボタンをクリックすると選択状態となり、背景画像が変更されます。
次のボタンをクリックしたときに、前のボタンを元の状態に戻す方法。
认证高级PHP讲师
ボタン画像は背景画像に書き込まれ、選択したボタン画像は画像を覆うクラスで追加されます
この編集ツール、たぶんdwだと思います。 。 。そして、このコードもまた新たな息吹を明らかにします。 まず最初に言っておきますが、スイッチングの書き方は、この方法で書けるのは少数の悪魔修煉者だけであり、非公式です。私たち修煉者は通常、クラスを修正することによって目標を達成します。 より簡単な書き方:
この時、jsでクラス名を「choose」操作することで、該当の目的を達成することができます。
まず第一に、IMG には ID がありません。なぜここにこの ID を記述するのですか? ID コントロールを使用したい場合は、最初に ID を追加します... その後、2 つのボタン スタイル (選択済みのボタンともう 1 つのボタン) を作成できます。未選択。次に、js を使用してボタンがクリックされたときを制御し、選択したスタイルをボタンの CSS に追加し、他のボタンの選択したスタイルをクリアします。
CSS:
javascript:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ボタン画像は背景画像に書き込まれ、選択したボタン画像は画像を覆うクラスで追加されます
この編集ツール、たぶんdwだと思います。 。 。そして、このコードもまた新たな息吹を明らかにします。
リーリーまず最初に言っておきますが、スイッチングの書き方は、この方法で書けるのは少数の悪魔修煉者だけであり、非公式です。私たち修煉者は通常、クラスを修正することによって目標を達成します。
より簡単な書き方:
この時、jsでクラス名を「choose」操作することで、該当の目的を達成することができます。
まず第一に、IMG には ID がありません。なぜここにこの ID を記述するのですか? ID コントロールを使用したい場合は、最初に ID を追加します...
その後、2 つのボタン スタイル (選択済みのボタンともう 1 つのボタン) を作成できます。未選択。次に、js を使用してボタンがクリックされたときを制御し、選択したスタイルをボタンの CSS に追加し、他のボタンの選択したスタイルをクリアします。
CSS:
リーリーjavascript:
リーリー