＝＝＝＝＝＝＝＝鼠标悬停提示，像CSDN上鼠标移到别人头像上可以显示信息，并且在弹出的层上面有连接这个效果怎么做。求助！＝＝＝＝＝＝

Question

<div onmouseover="showDIV()" onmouseout="hiddenDIV()"  >
测试
</div><div id="test" style="display:none">要显示的层</div><script>
function showDIV(){
    document.all["test"].style.display="block";
}function hiddenDIV(){
    document.all["test"].style.display="none";}
</script>

Answer 1

<SCRIPT language=JavaScript> 
  var CCNS_program = "COCOON Counter 6 professional"; 
  var CCNS_version = "1905"; 
</SCRIPT> 
<SCRIPT language=JavaScript> 
  function doOver(o,n){ 
    var i; 
    var o1 = document.getElementsByName("MainMenu"); 
    var o2 = document.getElementsByName("MenuContent"); 
    for(i=0;i <o1.length;++i) 
{ 
      if(o1.className=="MenuItemOnSel") 
  { 
  o1.className="MenuItem"; 
  document.getElementsByName("MenuContent")[i].style.display='none'; 
  } 
      if(i==n) 
  { 
  o1.className="MenuItemOnSel"; 
  document.getElementsByName("MenuContent")[i].style.display='block';
  //document.getElementsByName("MenuContent").style.display=''; 
  } 
    } 
    o1=o2=null; 
  } 
</SCRIPT> 
<a href="http://hi.csdn.net/withwind_" id=MainMenu target="_blank" title="进入用户个人空间" onmouseover=doOver(this,0) class=MenuItemOnSel><img src="http://profile.csdn.net/withwind_/picture/2.jpg" alt="进入用户个人空间" /></a><DIV id=menuContent style="DISPLAY: none" onmouseover="this.style.display=''" onmouseout="this.style.display='none'"> <IMG height=1 src="menu_files/blank.gif" width=56> <SPAN class=ML> <span class="STYLE2"> <A href="#">测试一下 </A></span> </SPAN> </DIV> 

Answer 2

http://topic.csdn.net/u/20071218/15/4c1d75ce-85dc-4802-9488-6d3a2cf95448.html