 Re: オンマウス時に説明文を表示させる時に
( No.1 ) |
- 日時： 2006/12/07 13:21
- 名前： カヅサツ
- 参照： https://kadu.vis.ne.jp/main/
- ええと、それは「タグ」ではありません。JavaScriptです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"https://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
#CommentDiv{
position:absolute;
filter:Alpha(opacity=70);
display: none;
}
#CommentDiv span{
background-color: #FFE0E0;
border-width: 1px;
border-style: solid;
border-color: #333333;
padding: 20px;
line-height: 4;
}
</style>
<script type="text/javascript">
var comment ="";
function ShoComment(obj){
comment = obj.title;
var CommentDiv = document.getElementById('CommentDiv')
var CommentSpan = CommentDiv.getElementsByTagName('span')[0].childNodes[0];
var MainBody = document.getElementsByTagName('body')[0];
CommentDiv.style.display="block";
CommentDiv.style.posLeft = MainBody.scrollLeft+window.event.clientX+10;
CommentDiv.style.posTop = MainBody.scrollTop+window.event.clientY+10;
CommentSpan.nodeValue = comment;
obj.title = "";
}
function DelComment(obj){
obj.title = comment;
var CommentDiv = document.getElementById('CommentDiv')
CommentDiv.style.display="none";
var CommentSpan = CommentDiv.getElementsByTagName('span')[0].childNodes[0];
CommentSpan.nodeValue = "";
}
</script>
</head>
<body>
<div id="CommentDiv"style=""><span>(ここにコメントが入ります)</span></div>
<p><img src="https://www.courts.go.jp/img/main_bg.jpg" alt="裁判所" title="説明文"
onmouseover="ShoComment(this);" onmouseout="DelComment(this);"></p>
</body>
</html>
|
|
Re: オンマウス時に説明文を表示させる時に
( No.2 ) |
- 日時： 2006/12/07 13:34
- 名前： kabi
- 返信有難う御座います。
JavaScriptでしたか；申し訳ありません。
これはタグでしょうか？
裁判所と書かれた画像が出てくるのですが、
何をすれば良いのでしょうか。
聞いてばかりですみません。
|
|
Re: オンマウス時に説明文を表示させる時に
( No.3 ) |
- 日時： 2006/12/07 18:07
- 名前： カヅサツ
- 参照： https://kadu.vis.ne.jp/main/
- > これはタグでしょうか？
JavaScriptを含む HTML文書のサンプルです。
(多分、「タグ」という用語を勘違いされていると思います。タグは何もしません。何も出しません)
> 裁判所と書かれた画像が出てくるのですが、
> 何をすれば良いのでしょうか。
ええと
> 「画像」にマウスを乗せた時に説明文が出てくるように
> 応用したいのですが、どうすれば良いでしょうか？
ということなので、応用したサンプルを提出してみたのですが。
|
|
Re: オンマウス時に説明文を表示させる時に
( No.4 ) |
- 日時： 2006/12/08 18:14
- 名前： kabi
- そうだったのですか。有難う御座います。
サンプルを元に頑張ってみたいと思います。
タグの言葉も勘違いしていたみたいで・・；
本当にご迷惑お掛けしました。
|
|
Re: オンマウス時に説明文を表示させる時に
( No.5 ) |
- 日時： 2007/01/25 13:57
- 名前： mob
- <A HREF="リンク先のＵＲＬ" onmouseover="up('説明文')"; onMouseout="kes()">乗せると説明が出てくる文字</A>
を
<A HREF="リンク先のＵＲＬ" onmouseover="up('説明文')"; onMouseout="kes()"><img src="乗せると説明が出てくる画像"></A>
にしたかったのでは？
|
オンマウス時に説明文を表示させる時に