JavaScriptでのリンクについて。
- 0 名前： 佑奈 ： 2005/03/28 09:00
- 掲示板お借りしています。
http://www.tagindex.com/javascript/link/exp2.html
に出ているJavaScriptを使用したいと思うのですが、
ここでは説明文をフォームに表示しているじゃないですか？
これを、フォームじゃなくてテキスト部分に表示することってできますか??
つまり…
リンク部分にカーソルを合わせると
ここにリンク先の説明文が出ます。
と書いておいて、リンク部分にカーソルを合わせると
説明文がその部分に表示される…。
以前、どこかのサイトで見たことがあったと思うので
是非チャレンジしたいと思います。
分かる方がいらっしゃいましたら教えて下さいませ。
- 1 名前： 元帥 ： 2005/03/28 13:54 ［URL］
- こんな感じで、要素.innerHTML を使えばよろしいかと。
<script type="text/javascript"><!--
var a = "";
var b = "リンクその壱に関しての説明です。";
var c = "二番目のリンクの解説です。";
function nothing(){
document.getElementById("setsumei").innerHTML = a;
}
function change(X){
document.getElementById("setsumei").innerHTML = X;
}
-->
</script>
<a href="#" onMouseOut="nothing()" onMouseOver="change(b)">リンク１</a>
<a href="#" onMouseOut="nothing()" onMouseOver="change(c)">リンク２</a>
<br>
リンク部分にカーソルを合わせると
ここにリンク先の説明文が出ます。<br><br>
<div id="setsumei"></div>
- 2 名前： 佑奈 ： 2005/03/28 14:08
- 元帥さん有難うございます。
早速試してみたのですが、
「リンク部分にカーソルを合わせると
ここにリンク先の説明文が出ます。」
の部分にリンク先の説明を入れ替えて表示する、というのは無理でしょうか？
もし、出来るならそっちの方が自分のイメージに近いので…。
教えて下さったのに申し訳ありません。
- 3 名前： 通りすがり ： 2005/03/28 16:18
- リンク部分にカーソルを合わせると
ここにリンク先の説明文が出ます。<br><br>
<div id="setsumei"></div>
↓
<div id="setsumei">リンク部分にカーソルを合わせると
ここにリンク先の説明文が出ます。</div>
- 4 名前： 佑奈 ： 2005/03/28 20:38
- 通りすがりさん、有難うございます！そのやり方でできました^^
また、何か分からないことがありましたらその時はよろしくお願いします！
