問題タブ [onhover]

現在、CSS (以下のコード) を使用して div にホバー効果があります。ホバーとクリックで効果を発生させるにはどうすればよいですか。

.hover と .active を使用していると思いますが、以下の CSS コードでそれらを一緒に使用するにはどうすればよいでしょうか。

divホバーするとすぐ下のテキストが変更されると、3 つの s があります (これはテキスト A、これはテキスト B、これはテキスト C です)。デフォルトのアクティブ テキストはテキスト B です。

div.bホバーすると色が変わるようにしたいdiv.c

私はこれをホバーオーバーのために機能させていますdiv.a:hover

フィドル

HTML

CSS

画像に示すように、この機能を実現したいと考えています。

左の画像は元の画像で、その画像にカーソルを合わせると、右に示すように、私たちが定義した色が画像に重なるはずです。CSSを使用してみましたが、役に立ちません。私は SVG を通じてこれを達成しようとしていましたが、あまり経験がありません。この効果を達成するために使用できる方法はありますか。

アップデート

• ホバー時に余分な画像を使用したくありません。
• ホバー時に黒の代わりに他の色を選択できる場合があります。

ホバー効果で単純なフェードインを作成しようとしています。

テキストを含む黒いバーはデフォルトでは非表示で、画像にカーソルを合わせるとゆっくりとフェードインします。

私はいくつかの異なる方法を検索して試しましたが、まだうまく機能していません。

メソッドの 1 つはthis oneでした。これは非常にシンプルで機能するはずでしたが、何らかの理由で機能しませんでした...

どんな助けでも大歓迎です。ありがとう。

これは私の現在の状況です：

HTML:

CSS:

JSFiddle

ねえ、

jqueryでマウスオーバーしたときにホバーバックグラウンドリンクを作成したい!!!

「.nav Menu nav a」にマウスを合わせると、addclass「.hover」を追加し、マウスを離すとremoveClass「.hover」を追加します

私のフィドルの詳細 -> demo JS FIDDLE

HTML : > >

CSS :

JS:

関数 hoverLi(){

どうもありがとう