トップ > DHTMLサンプル

※同様の処理が「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>


page update:2010/01/23 20:32

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom