マウスオーバーで画像変更スクリプト

　状態:不明　閲覧数:6,753 　投稿日:2009-04-10 　更新日:2015-08-17

マウスオーバーで画像変更スクリプト
・Javascriptを使用することで「画像にマウスポインターを乗せて画像を変更する」ことが可能

<img alt="Sample" width="100" height="100" src="元画像URL" 

onmouseover="this.src='変更画像URL';" onmouseout="this.src='元画像URL'>

■参考url
http://www.animegif.net/tips/javascript/onmouseover.html

順位	ページタイトル抜粋	％
1	マウスオーバーで画像変更スクリプト	88
2	マウスオーバーで「リンク画像」拡大表示をCSSで実装	50
3	CSSで画像をロールオーバー	39
4	画面幅に応じて取得ディレクトリパスを変更したい	35
5	スキップリンク	33
6	自分の環境でスプライト画像を作成したい	33
7	画像補正プライベート運用ルール	31
8	画像編集系ソフトウェアの分類。ラスタ、ベクタだけではなく	31
9	リストタグではない、リスト内画像の縦位置調整	31
10	スマートフォン対応	31
11	モバイルデザイン9 ／トップページリスト表示	30
12	画像の上にテキスト表示	29
13	「マウスオーバー」「ロールオーバー」「ホバー」の違い	28
14	YouTube動画のフルスリーンキャプチャ画像を取得	28
15	画像背景色を透明化するオンラインサービス	27
16	CSSのみで交互色 … リスト	25
17	ライセンス変更	25
18	デスクトップにChromeのショートカットを作成	24
19	ブラウザ一覧(公式サイトリンク)	24
20	キャラクター無料作成ソフトウェア	24
	2026/10/03 12:46 更新

順位

ページタイトル抜粋

％

2026/10/03 12:46 更新

順位	ページタイトル抜粋	アクセス数
1	Design 0	10
2	「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 \| カラーコード(色)	4
2	RGBの種類／ビットカラー \| RGB(色)	4
2	「東京都」のカラーコード取得は難しい \| カラーコード(色)	4
3	ログイン	3
3	スキップリンク \| アクセシビリティ(UI)	3
3	RGB ⇔ Lab \| 色変換(色)	3
4	FontAwesomeでアイコンが□（四角）になって表示されない　Forbidden　 \| Font Awesome(フォント)	2
4	ケルビン（kelvin）／記号K	2
4	「マウスオーバー」「ロールオーバー」「ホバー」の違い \| CSS	2
4	「bgcolor」「background-color」「background」の違い \| CSS	2
4	RGB → 色相H 方式の違い \| 色変換(色)	2
4	レスポンシブ画像(レスポンシブ) カテゴリー	2
4	ブラウザ間差異とか、もううんざりなんだけど…	2
4	align-items: center;	2
4	画像大きさ \| 他サイト調査(HTML)	2
5	Bootstrap 4 Cards の card-columns 表示順序は、上から下のみ。左から右へは変更不可　 \| 4系(Bootstrap)	1
5	Yahoo!検索（リアルタイム）(検索) カテゴリー	1
5	「Chrome拡張機能」開発中に遭遇したエラー \| Chrome 拡張機能	1
5	「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく \| CSSトラブル対応(CSS)	1
	2026/10/3 5:05 更新

順位

ページタイトル抜粋

アクセス数