鼠标 ( 悬停弹出 / 移走收起 )

<div id="qqDetail" onMouseOut="hide2(this,'qqDetail');" style="position:absolute;display:none;border:1px solid silver;background:silver;"> 
提示1效果 
</div> 

<div class="i-logout fl">
<a id="qqFocus" onMouseOver="show('qqDetail');" onMouseOut="hide(this,'qqDetail');">鼠标放上去1</a> 
</div>

<script> 

var tempFocus = false ;

$("#qqDetail").mouseover(function(){
   tempFocus = true ;
});

function show(id) { 
var objDiv = $("#"+id+""); 
$(objDiv).css("display","block"); 
$(objDiv).css("left", event.clientX );   
$(objDiv).css("top", event.clientY-10 );         
} 

function hide(obj,id) {     
  tempFocus = false ;
  setTimeout(function(){  
     if(!tempFocus){
        var objDiv = $("#"+id+""); 
        $(objDiv).css("display", "none"); 
     }
  },300);
} 

function hide2(obj,id) {     
  var objDiv = $("#"+id+""); 
       $(objDiv).css("display", "none"); 
} 

</script>