マウスが載ると画像が変化するリンクを作る画像リンクの上にマウスを載せたときに、リンク画像が別の画像に変化するようなリンクを作ってみましょう。今回は、JavaScriptなどのスクリプトを使わずに、スタイルシートを使って実現する方法をご紹介致します。 マウスが載ったときにリンク画像を変化させる 画像リンクの上にマウスを載せたときに、画像が変化するようなリンクを作ってみましょう。 実現方法はいろいろありますが、JavaScriptを使わずにスタイルシートで実現する方法をご紹介いたします。 下記に4つの画像リンクがあります。それぞれにマウスを載せてみて下さい。 待ち時間なしで、すぐに画像が切り替わるはずです。 ねずみリンク うさぎリンク いぬリンク カンガルーリンク ▲それぞれマウスを載せると画像が変わります。 4つの画像にマウスを載せた瞬間に、画像が切り替わります。切り替わる先の画像を読み込む

ウェブで糞議論をする気は最早毛頭ないんで。 ざっとみて一番多かったのが、文章が横に広がりすぎてウザイとか、横幅100%ウザイとかいうぼやきだった。わらい。Hatena::agenda - ブログのサイドバーは要らないでは、文章を横に広げろとか、横幅を100％にせよ、とは言っていない。むしろ適切なmax-widthプロパティを場合によっては推奨してもいいくらい。所謂「最大化厨」対策。うちでは、「閲覧者は馬鹿、的な発想」でCSSを書いている気がして嫌だったから今までやらなかっただけ。だが昨今法外に横幅を奪うデザインのサイトが多いので、そういうサイトをよく利用する人にとってはウィンドウ幅を変えずに済んで便利だろうと思い直してCSSを改善してみた。失うものも殆どないからね。 次。そのブログの過去の記事等を辿りづらいという主張。あんなちっこいカレンダーとかサイドバーに押し込められたリストを使うより、