如何在Web页当中自定义制作信息提示标签？

Question

建立一个DIV，设置其样式，然后在mouseover事件时使其显示

Answer 1

<script language=javascript>
function show(obj)
{
var str=getIE(obj)
var temp=str.split(",")
var top=temp[0]
var left=temp[1]
var objDiv=document.getElementById("div1")
objDiv.style.left=temp[1];
objDiv.style.top=parseInt(temp[0])+parseInt(obj.offsetHeight);
}
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
return (t+","+l);
}</script>
<div id="div1" style="background-color:red;position:absolute; width:200px; height:100px; top:-100px;">&nbsp;有问题没</div><a href="javascript:void(0)" onmouseover=show(this)>点我</a>
<br>
<br>
<br>
<br>
<a href="javascript:void(0)" onmouseover=show(this)>点我</a>
<br>

Answer 2

我知道怎么弄了，具体代码如下：<script language=javascript>
function show(obj)
{
var str=getIE(obj)
var temp=str.split(",")
var top=temp[0]
var left=temp[1]
var objDiv=document.getElementById("div1")
objDiv.style.left=temp[1];
objDiv.style.top=parseInt(temp[0])+parseInt(obj.offsetHeight);
objDiv.style.display = "block";
}
function hide(obj) {
var str=getIE(obj)
var temp=str.split(",")
var top=temp[0]
var left=temp[1]
var objDiv=document.getElementById("div1")
objDiv.style.left=temp[1];
objDiv.style.top=parseInt(temp[0])+parseInt(obj.offsetHeight);
objDiv.style.display = "none";
}
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
return (t+","+l);
}</script>
<div id="div1" style="background-color:#CBC889; border:1px solid #FFFFFF; position:absolute; width:200px; height:100px; top:-100px; display: none;">&nbsp;有问题没</div><a href="javascript:void(0)" onmouseover="javascript:show(this);" onmouseout="javascript:hide(this);">点我</a>
<br/>
<br/>
<br/>
<br/>
<a href="javascript:void(0)" onmouseover="javascript:show(this);" onmouseout="javascript:hide(this);">点我</a>
<br/>

Answer 3

另外再和大家分享两套更不错的效果[DHTML Tooptips ]
http://www.dyn-web.com/dhtml/tooltips/[Cool DHTML Tooltip]
http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm