※同様の処理が「Javascriptサンプル」にもある場合があります。
そちらの方もご参照下さい。
■ オンマウスでジャンプ
指定した文字にマウスを当てるだけでジャンプします。
文字だけでなく、画像、レイアウト枠(レイヤー)などどのタグでも利用可能です。
ジャンプ先はページだけでなく、画像でも何でも可能です。
◆ 実行サンプル
トップページへジャンプ
カラーサンプルへジャンプ
画像を表示
カラーサンプルへジャンプ
画像を表示
略号の説明 | 動作が確認できたブラウザ |
---|---|
IE6.0 NS7.0 MZ1.7.7 FF1.5 OP7.53 |
- 【 解 説 】
-
文字の上にマウスが乗った場合の処理は、
onmouseover="(javascriptの記述)"
と記述します。
また、Javascriptでページジャンプさせる時は次のように記述できます。
location.href='(ジャンプ先のURL、アドレス、ファイル名など))';
したがってマウスが乗った時に「page1.html」にジャンプさせるには、
onmouseover="location.href='/smpdhtm_page1.html';"
と記述します。
- 【記述サンプル】
-
このページのサンプルは次のように記述しています。
<span onmouseover="location.href='/';">トップページへジャンプ</span><br>
<span onmouseover="location.href='/smphtm_color.html';">カラーサンプルへジャンプ</span><br>
<span onmouseover="location.href='/images/exp/baloon.gif';">画像を表示</span><br>