怎么实现将鼠标放在超连接时会显示一个文本框，文本框中显示一些提示信息，当鼠标移开时，文本框消失

Question

如图效果，鼠标移动到一个连接上时出现信息，离开消失，如何实现？麻烦各位了……

Answer 1

title
<a href=http://sina.com.cn title="新浪网">新浪</a> 

Answer 2

顶，同样急求。刚开始做asp。求详细解释。

Answer 3

可以用jquery的提示插件，一大堆，自己google一下。

Answer 4

<a onmousemove="test();">鼠标滑过</a><stype="text/javascript">
    function test(){
       //此处控制层的显示 方式有很多种
    }
</script>

Answer 5

<a onmousemove="test();">鼠标滑过</a><script type="text/javascript">
  function test(){
  //此处控制层的显示 方式有很多种
  }
</script>

Answer 6

http://www.iteye.com/news/21344- 看看这个

Answer 7

<a onmousemove="test1(this);" onmouseout='test2()'>鼠标滑过</a>
<div id='hideBox' style='width:200px;height:50px;display:none;border:1px #cccccc solid;position: absolute;top:0px;left:0px;'>这个是隐藏内容</div><script type="text/javascript">
  function test1(obj){
     var x=obj.offsetLeft;
     var y=obj.offsetTop;
     var hb=document.getElementById('hideBox');
     hb.style.top=x+'px';
     hb.style.left=(y+20)+'px';
     hb.style.display='block';
  }
  
  function test2(){
     var hb=document.getElementById('hideBox');
     hb.style.display='none';
  }
</script>

Answer 8

 用jquery  
         先建一个页面， tip.aspx  删除多余的html 元素。只留
 <%@ Page Language="C#" AutoEventWireup="true" EnableViewState="false" CodeFile="tip.aspx.aspx.cs" Inherits="aa" %>
  这里可以放控件，或者div
.  这个用于要返回的提示
  cs 文件中加入
   public override void VerifyRenderingInServerForm(Control control)
    {    }
    protected void Page_Load(object sender, EventArgs e)
    {
         //根据参数给控件或者div赋值
    }
   2,  在建一个调用页面
      
function aa(){
   $.ajax({
                type: "GET",
                url: "tip.aspx?id=1",
                data: {
                    aa: aa,bb:bb
                },
                beforeSend: function () {
                    $("#resportarea").html("<center><Img src='../Img/Loadding_n.gif'></center>");
                },
                success: function (data) {
                    $("#resportarea").html(data);
                                    
                     
                   
                  
                },
                error: function () {
                    //请求出错处理
                    alert("error!")
                }
            })
        }
}
3, 加结合上面仁兄回复的就搞定了

Answer 9

Css+Js，可能还会用到ajaxcss主要控制层的样式，个人理解是外面一个层（相对定位，里面一个层绝对定位）
js控制层的显示与隐藏
ajax异步加载层里的信息