JavascriptやCSSを使用しない画像のロールオーバーの方法

タイトル通りなんですが^^;

普段はWebサイトのグローバルメニュー部分などのロールオーバーに、
CSSで背景指定をしたり、Javascriptを使って画像置換の設定をしています。

これらの方法は、環境によってはうまく利用できないこともあります。
例えば、既存のショッピングカートサービスで、

部分に
書き込みができないとか、CSSの設定ができないとか。。。

そんなとき用に、(私としては?)アナロギーな方法をメモ。
HTMLで「onmouseover」の設定をするだけです。

    <img src="元画像" border="0" alt="画像の説明テキスト" onmouseover="this.src='変化画像'" onmouseout="this.src='元画像'">

これでOK! でした。

最近難しく考えすぎて、onmouseoverとか書かなくなったなァ?
という自分用のメモでした。

CSSやJavascriptが使用できない環境(サービス)を
使ってホームページやショッピングサイトを制作している方には、
有効な小技ではないでしょうか?

Follow me!



コメントを残す

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

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください