▲PAGE TOP

2014年4月30日水曜日

バナーメニューの上にマウスをのせると画像が切り替わるメニューを作る

マウスをバナーの上に置くと、画像が切り替わるようにする設定です。
白黒画像からカラー画像に切り替わるなど、画像によって様々なバリエーションが設定できます。


設置方法 リンクタグ<a>の場合

  • 以下のタグを入力する
  • オレンジ文字にはリンク先URLを入力する
  • 青文字には、それぞれ画像URLを入力する

<a href="./link.html">
<img src="img/banner.jpg" onmouseover="this.src='img/banner_over.jpg'" onmouseout="this.src='img/banner.jpg'" />
</a>


設置方法 ボタンタグ<input>の場合

  • 以下のタグを入力する
  • 青文字には、それぞれ画像URLを入力する
<input type="image" name="test" src="./img/banner.jpg" onmouseover="this.src='img/banner_over.jpg'" onmouseout="this.src='img/banner.jpg'" />




COMMENT 投稿した内容は「 掲示板 」に掲載されます。
ペンネーム(必須)

タイトル

メールアドレス

話題にするページ/ウェブサイトのURL
メッセージ(必須)
アップロードする画像
パスワード(必須)