ホームページ  >  記事  >  ウェブフロントエンド  >  ホバーに関するいくつかの使用法を共有する

ホバーに関するいくつかの使用法を共有する

巴扎黑
巴扎黑オリジナル
2017-06-09 13:40:067492ブラウズ

:ホ​​バーセレクターは、マウスポインターが浮いている要素を選択するために使用されます。 :hover セレクターは、リンクだけでなくすべての要素で使用できます。 CSS 定義では、スタイルを有効にするには、:hover を :link および :visited (存在する場合) の後に置く必要があります。以下に:hover: の使い方をまとめます

1.CSS3を使ってホバー下線アニメーションを作成する方法

この記事では主にCSS3を使ってホバー下線アニメーションを作成する手順を紹介します。非常に良い基準値を持っています。以下のエディタで見てみましょう

ホバーに関するいくつかの使用法を共有する

2.hover divについて詳しく紹介

3.ホバー時のCSS3の効果

ホバー時のCSS3のいくつかの効果のコード共有、CSS3のコレクションマウスが上を通過するときのいくつかの効果

回転 (回転の角度) を変更するための 360 度回転

ホバーに関するいくつかの使用法を共有する

4. hover 疑似クラス選択の定義と使用法

マウスがホバーしているときの要素のスタイルを設定する。
E 要素は、クラス セレクター、ID セレクター、タイプ セレクターなどの他のセレクターを通じて選択できます。
特記事項: IE6 はこのセレクターをサポートしていませんが、a 要素の :hover はサポートできます。つまり、タイプ セレクターで選択された a 要素の :hover のみをサポートします。

ホバーに関するいくつかの使用法を共有するホバーに関するいくつかの使用法を共有する

5.jQuery の hover(over, out) イベント関数についての簡単な説明

hover(over, out) イベント関数

マウスが一致する要素上に移動すると、指定された最初の関数は次のようになります。トリガー

マウスがこの要素の外に移動すると、指定された 2 番目の関数がトリガーされます

over(function): マウスが要素上に移動するとトリガーされる関数


以上がホバーに関するいくつかの使用法を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。