マウスを上に載せると~…なJavaScriptは?
みな
1999/06/24(木) 11:13:18
リンク部分にマウスを上に載せると特定の場所に説明が出るようなJavaScriptのソースを
探しています。
そのソースが紹介されている場所を教えてください。
あと、マウスを上に載せると画像が変わるのも教えてください。
Tmb
1999/06/24(木) 11:50:27
「特定の場所」がどこかにもよりますが,アンカータグにonMouseOverを加えるだけです。
ステイタスバーなら
<A href="hoge.html" onMouseOver="window.status='fuga'; return true;">
フォーム内のテキストフィールドなら
<A href="hoge.html" onMouseOver="document.formname.textname.value='fuga'; return true;">
(ただしformname, textnameはそれぞれフォーム名,テキストフィールド名)
画像を変えるのも同じ理屈ですが,imgタグにonMouseOverが有効でないブラウザも多いので
画像にダミーのリンクをはる形にして
<A href="#" onClick="return false;" onMouseOver="document.images["imgname"].src='hoge.gif'; return true;">
なんて手もあります。
ただまぁこういったテクニックはJavaScriptでは基本的なものなんで(ソースと呼ぶのもおこがましいほど)
JavaScriptのサンプルを置いてるならどのサイトでも大抵扱ってると思いますが?
Tmb
1999/06/24(木) 11:53:17
おっと失礼。タイプミスしてました。
> <A href="#" onClick="return false;" onMouseOver="document.images["imgname"].src='hoge.gif'; return true;">
"imgname"ではなく'imgname'とシングルクォーテーションではさまないといけませんね。
それからimgnameは画像に付けた名前(imgのname)を使います。
みんこ
1999/06/25(金) 09:20:13
ソース見てもわかんないのだったら
まず出来るレベルから始めていく方がいいのでは...。
単に丸写ししてもいいのですが、ちゃんと内容を理解できていないと
エラー起こしたときに見る人が困るです。
幸い、理想のサンプルはたくさん見つかっているようなので。