この記事で実行するタスクは、画像の上にマウスを置いたときにフォントを表示する方法です。この記事では、HTML におけるホバーとマウスオーバーについて簡単に見ていきましょう。
HTML の onmouseover イベントは、マウス ポインターが要素に触れるとトリガーされます。マウス ポインタが要素から離れると、onmouseout と呼ばれるイベントが発生します。
:hover CSS 疑似クラスは、ユーザーがポインティング デバイスを使用して要素を操作するときに一致しますが、常にアクティブになるわけではありません。通常、ユーザーが要素 (マウス ポインター) 上にカーソルを置くとアクティブになります。
###文法###- の構文です。 リーリー 画像上にマウスを置いたときのフォントの表示をより深く理解するために、次の例を見てみましょう。
###例###以下の例では、マウスを画像の上に置いたときにフォントが表示されるようにします。
リーリー以下の例では、マウスを画像の上に置くとフォントが表示され、画像全体が覆われます。
リーリー上記のスクリプトを実行すると、出力ウィンドウがポップアップ表示され、Web ページに画像が表示されます。ユーザーが画像上にマウスを移動すると、画像全体を覆うテキストが表示されます。
###例###スクリプトが実行されると、出力ウィンドウがポップアップし、画像が Web ページ上に円として表示されます。ユーザーが画像の上にマウスを移動すると、テキストが表示されます。
以上が画像にマウスオーバーしたときにフォントを表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。