マウスOVERによるボタン遷移について

通常時とマウスがOVERしたときなど、画像ボタンを入れ換えで使うやり方
1.Fireworks でボタンを作成
制御用のjavascript が自動的に作成されるが、一見ゴチャゴチャしたスクリプトとなる
2.『css+jQuery』で記載されているように、標準時とOVER時を上下につないで、一つのファイルにする。表示基準点を動かすことで画像を入れ換える。それぞれに固有名と共有名の複数クラスを設定することで、CSSのスクリプトが簡単になる。バックグランドで画像を設定するためalt などが使用できない。3つ目として現在選択のボタン画像を追加してそこに表示基準点を設定することで、現在のページが判るようにすることも可能。
3.rollover.js を利用
画像のクラス名を’imgover’にするだけでOK。マウスOVER時に標準時のファイル名前に_oのついた画像ファイルと入れ換える。

簡単なので、3.を使用している。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です