0

私は単純なスタイルルールを使用しています...

.off { float: left; background: url(image.png); }
.on { background: url(different_image.png); }

単純な Javascript イベントと組み合わせて...

<a href="#">
<div class="off" onclick="this.className='on'; return false;">
link
</div>
</a>

クリックされたときにナビゲーションバーの画像を変更するため。もう少し理解を深めるために、リンクに「Admit One」チケットの画像を使用しています。クリックすると破れたチケットの画像が表示されます。基本的に、「 :active 」の間だけでなく、クリックされたときにチケットを引き裂くアクションが必要です (マウスがまだクリックされている間のみ適用されます)。画像を変更する必要があり、おそらく " :visited " 疑似要素を使用して (それは何と呼ばれているのでしょうか?)、一度訪問したチケットを引き裂かれたままにします。

私の問題は次のとおりです。Javascript は適切に機能しているように見えますが、リンクをクリックすると、リンクがナビゲーション バーのフローティング位置からページの上部近くのランダムな場所に移動します (一見、実際にはそうではありません)。

クリックすると、スクリプトが CSS を無視するようです...何が欠けていますか?

「新しい」クラスに対して、新しいルール セットを指定するか、それらを複製する必要がありますか? Javascriptは実際に要素全体を変更しますか? 私は JS が苦手ですが、CSS についてはしっかりと把握しています。

前もって感謝します！

4

1 に答える 1

2

float:left両方が必要です。

.off { float: left; background: url(image.png); }
.on { float: left; background: url(different_image.png); }
于 2012-07-29T19:38:29.530 に答える