ロールオーバー時のイベントハンドラで表示する画像を切り替える

マウスなどのポインティングデバイスでロールオーバーした時に、表示する画像を切り替えるコードです。イベントハンドラのonmouseover属性とonmouseout属性をimg要素に指定します。

onmouseover属性とonmouseout属性は、必ずセットで指定しなければなりません。

注意点としては、JavaScriptが動作しない環境やポインティングデバイスが使えない環境では機能しないということです。

なお、onmouseover属性/onmouseout属性は、h1-h6要素やp要素など、img要素以外でも指定することができます。

オンライン講座

Webの基礎マスター講座ページへのリンク


連載講座:WordPressで作る簡単Webサイトページへのリンク

提供しているサービス

WordPressサイト制作出張講座ページへのリンク

WordPress を利用した Webサイト制作の方法を、
あなたのオフィスにうかがいご説明いたします。
料金:¥28,000

サービス詳細ページ >>

申し込みフォーム >>


Webサイト1日公開サービスページへのリンク

一刻も早く Webサイトが必要な方のために、
一緒に作業し1日で公開までもっていきます。
料金:¥28,000

サービス詳細ページ >>

申し込みフォーム >>

特集記事

  • jQuery Mobile Image

    jQuery Mobile を基本から覚える
    スマホサイト制作に最適なフレームワークの利用方法を解説。DEMOページ・サンプルコードで動作を確認できます。

スポンサーリンク

ページの先頭へ