マウスが乗った時に画像を変えるには、CSSを使うなど色々な方法がありますが、jQueryを使うと、とてもらくちんです。 javascriptでいいじゃないか 以前はjavascriptを使うとユーザの環境に左右されるという点と、ソースコードの美しさを求めてcssでの画像置換を主に使っていましたが、もはやjavascriptが使えないユーザ環境は考えられませんし、cssを書くのすら面倒くさいダメ人間なので、この方法を使うことが多いです。 画像の準備 通常の画像とマウスホバー時の画像を準備します。 ファイル名を ・sample_off.jpg ・sample_on.jpg とつけます。 マウスホバー時の画像はoffの部分がonに変わっています。 jQueryの読み込み jQuery依存のスクリプトなので、head内で読み込みます。 <script type="text/javascript"