关于鼠标划过显示文字的问题

Question

当鼠标划过一段比如<a href='wefw.asp'>fwefwef</a>在这个上面鼠标划过时就像备注一样显示一段文字说明或在控件上显示。onMouseOut="this.title=''" onMouseOver="this.title='可根据品牌名称,产品号,软件名称进行搜索'"比如说是这个。但我看了别人的是用层显示的。但我不知道要怎么作求这一代码实例谢谢

Answer 1

function toExit(){
var args=toExit.arguments;
var visible=args[0];
if(ns4){
        theObj=eval("document.layers[\'"+args[1]+"\']");
        if(theObj)theObj.visibility=visible;
        }
else if(ie4){
        if(visible=='show')visible='visible';
        if(visible=='hide')visible='hidden';
        theObj=eval("document.all[\'"+args[1]+"\']");
        if(theObj)theObj.style.visibility=visible;
        }}
然后把你要写的文字搁在层里，将层的VISIBILITY设置为hidden。再在onmouseenter事件中调用toExit

Answer 2

CSS效果
a span{
  display:none;
}
a:hover span{
  display:block;
}<a id="a1">123<span>456</span></a>简单原理就这样,实际应用中,需要加上定位,position,left,top的值

Answer 3

<a href='wefw.asp' title="你要说明的文字">fwefwef</a>

Answer 4

哎
beiouwolf(beiouwolf) ( ) 信誉：100 是不是要自个在建一个层的呀。要不我鼠标放上去了显示不出来的

Answer 5

要POSITION用RELATIVE或者ABSOLUTE定位
对A和SPAN都要给定一个位置才行

Answer 6

<style>
#a1{
position:absolute;
top:10px;
left:10px;
width:100px;
height:12px;
}
#a1 span{
display:none;
}
#a1:hover span{
display:block;
}
#a1:hover{
position:absolute;
top:100px;
left:100px;
}
</style>
<div id="t1">
<a href="#" id="a1">123<span>456</span></a>
</div>