エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
au one net インターネットガイド
マウスを乗せると画像が切り替わるという効果は、Javascriptを使って実現する手法が知られていますが、... マウスを乗せると画像が切り替わるという効果は、Javascriptを使って実現する手法が知られていますが、スタイルシートだけを使って同様の効果を実現することも可能です。スタイルシートを使えば、HTMLにJavascriptを長々と記述する必要がなくなり、HTMLソースがとてもすっきりするのでオススメです。 メニュー1 メニュー2 メニュー3 ※オンマウスで画像が切り替わります。Javascriptは使っていません。 ■スタイルシートによるマウスオーバーのしくみ スタイルシートだけでマウスオーバーするには、hover疑似クラスを利用します。 hoverはマウスが上にのったときのスタイルを指定するときに使うもので、 a:link {color:#0000ff;} a:hover {color:#ff0000;} のように記述すると、リンクにマウスを乗せたときに文字の色を変化させることがで