hover疑似クラスで(マウスが載った際に)リンク画像を切り替える - スタイルシートTipsふぁくとりー
《2016年2月3日 16:07 公開/更新》 hover疑似クラスで(マウスが載った際に)リンク画像を切り替える [イメージ,リンク,配置] 画像リンク(＝リンクになっている画像)の上にマウスポインタを載せたときに、マウスポインタが載っている間だけ別の画像に差し替えるデザインがよくあります。そのような「マウスが載ったときに画像を切り替える」機能は、JavaScriptなどのスクリプトを活用することなく、スタイルシートだけで作れます。 「要素の上にマウスポインタが載ったとき」の装飾は、hover疑似クラスを使うことで指定できます。つまり、hover疑似クラスを使って画像を切り替えれば良いわけです。ただ、表示する画像ファイルそのものを切り替えるよりも、背景画像の表示領域をずらすことで「画像が切り替わったような効果を出す」テクニックの方が、(切り替え先の画像の読み込みを待たずに済む分)動作が高
にししふぁくとりー
Produced by Fumihiro Nishimura(Nishishi). Since 1997. ●ようこそ！ にしし ふぁくとりーへ ここは、にしし(西村文宏／にしむらふみひろ)が運営する個人サイトです。にししふぁくとりーでは、RSS作成ソフト・ログオン記録ツール・テキストビューアなどのWindows用フリーソフトウェアや、スケジュール表示CGI・簡易マイクロブログCGIなどのフリーCGIを配布しています。日々思いついた駄文を適当に書き綴るブログや、著書の紹介、ウェブ製作方法に関するTIPSなどもあります。1997年の開設当初からほとんどのコンテンツは削除していないので、あちこち掘り進むと、いろいろ出てくる気がします。^^; ●にししふぁくとりー内の主要な更新内容と更新日 2024,03,16 ブログ(日記)更新！ ※コメント投稿による更新も含まれます。 ▼にしし製フリーソフト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
