おぼえられないから

ただただ自分の覚え書きのためです。

個人的な覚書なので見ても役に立ちませんよ。

簡単ロールオーバー

DREAMWEAVERのイメージロールオーバーは便利だけど
長いJavaScriptが必要になる。
そこで、JavaScriptは使うが簡単にイメージロールオーバーができる
onmouseout属性,onmouseover属性を使った方法を使う

<img src=“ロールオーバー前の画像” width="200" height="60" alt="" onmouseover="this.src=‘ロールオーバー後の画像’” onmouseout="this.src='ロールオーバー前の画像'">

Javaは使うが数あるロールオーバーの中ではHTML内で完結するので一番簡単
フォームのボタンなどに用いるinputタグに対しても使用可能できる

デメリットは
Javaなので見てる人のブラウザ設定がJavaScriptをオフにしていると動作しない
ロールオーバーの時に読み込みが発生する場合がある

コメント

コメントフォーム
評価する
  • 1
  • 2
  • 3
  • 4
  • 5
  • リセット
  • 1
  • 2
  • 3
  • 4
  • 5
  • リセット