簡易ロールオーバー(onMouse) _再掲

ロールオーバー(マウスを置くと画像が切り替わる)が1行でできる。
①晴れマークの上にマウスを置くと→雨マークに替わり
②マウスを離すと晴れマークに戻る。

FC2ブログでは
<img src="http://blog-imgs-54.fc2.com/[xxxx]/hare.gif"
onMouseover="this.src='http://blog-imgs-54.fc2.com/[xxxx]/ame.gif'"
onMouseout="this.src='http://blog-imgs-54.fc2.com/[xxxx]/hare.gif'">

ホームページでは
<img src="hare.gif" onmouseover="this.src='ame.gif'" onmouseout="this.src='hare.gif'" ;>

説明(JavaScript)
・img src="hare.gif" :最初に表示される画像
①onmouseover="this.src='ame.gif' :マウスを置いたときの画像
②onmouseout="this.src='hare.gif'" :マウスを離したときの画像
・「" "」:ダブルクォーテーションの中でファイルを指定する場合は
・「' '」:シングルクォーテーションで囲います。
スポンサーサイト

コメントの投稿

非公開コメント

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
こんな小技

虹色バナー Parafla
カテゴリ
タグリスト
タグリストから記事を検索することができます。

Parafla 困った Excel 動画 重ねFlash Win7 ショートカット 拡張子 Gifアニメ Giam JTrim Ctrl ダウンロード Java インストール Hotmail 設定 Script ファイル 制御コード ハイパリンク 文字化け 検索 書式 スニッピングツール 大きさ HTML WindowsLive OneNote 日本語 HPB GIMP Alt メール 

リンク
カレンダー
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
最新記事
最新コメント
月別アーカイブ
最新トラックバック
検索フォーム
ブロとも申請フォーム

この人とブロともになる

QRコード
QR