ホバーとは?│Web用語集

ホバー(hover)とは、そのまま訳すと「空中に停止する」「停空飛翔する」というような意味になります。
「ホバリング」という言葉なら耳にしたことがあるのではないでしょうか。

ウェブにおける「ホバー」とは、画像やリンクにマウスカーソルを合わせたときに、クリックしなくてもアニメーションが始まったりするような変化が起こる表現のことを指します。

また、「マウスオーバー」「マウスホバー」などもほぼ同義であり、ホバーの表現を使ったアイコンやボタンのこと「ホバーボタン」ともいいます。

ホバーについて詳しく知りたい方は以下をご覧ください。

目次

他のサイトでの説明
ホバーの使用例
復習クイズ

●他のサイトでの説明

マウスオーバー(ロールオーバー)とは|IT用語辞典 e-Words
http://e-words.jp/w/マウスオーバー.html
マウスオーバーの解説ページになっていますが、ホバーの解説と同義と解釈して大丈夫です。

マウスオーバー (mouse over)とは|「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典
https://wa3.i-3-i.info/word15656.html
こちらでもマウスオーバーとして解説されていますが、初心者向けにわかりやすく説明されています。

●ホバーの使用例

ホバーについて理解するには、ホバーを効果的に使用しているサイトを実際に開くのが一番です。
いくつか例を紹介します。

■やざわ虎クリニック

https://yazawa-tora-clinic.com/
ページ左のメニューにマウスカーソルを合わせると、かわいい虎のキャラクターがひょっこり顔を出します。

■ANIMAL

http://www.animalmade.com/
センターのロゴにマウスカーソルを合わせると電気が走るような演出があります。さらにクリックすると動物たちが暴れだします。

ホバーを使用しているサイトをまとめたリンク集もあるので、気になる方は以下も参考にしてみてください。

■ホバーが好きすぎるエンジニアが選んだ “至極のホバー表現” 10選 【2016年10・11月版】! | 東京上野のWeb制作会社LIG
https://liginc.co.jp/316878

■ホバー | SANKOU! | Webデザインの参考サイト集
https://sankoudesign.com/category/hover/

●復習クイズ

説明がわかりづらい、間違っているなど御指摘ありましたらお問い合わせよりご連絡いただけると幸いです。

ランガレウェブのサイト制作