js动态创建div层，鼠标悬停显示隐藏div（无闪烁+小三角）

博主看到人人微博上鼠标放到头像上显示一个小框框，感觉交互效果灰常好，遂即研究研究，猜测是否利用里css hover伪类，甚至愚蠢滴认为加载页面时已经读出此框框了只是隐藏了而已，而不是悬停时读，于是断了网，发现小框框里的东西读不出来鸟，瞬间被自己弱智打败了，禁了其页面的javascript，发现效果瞬间没了，在确定了是js实现的效果后，就想到了onmouseover和onmouseout事件，于是乎就赶紧写了一个

<div id="divNeedFloat1">悬停一下试试</div>
<div id ="divFloat1" style = "display:none">我出现了</div>
<script>
	document.getElementById("divNeedFloat1").onmouseover = function(){
		var divFloat = document.getElementById("divFloat1")
		divFloat.style.display="block";
		this.onmouseout = function (){
			divFloat.style.display="none";
		}
	}
</script>

，电光火石间，发现鼠标移不到显示出来的div框框上，因为onmouseout事件是绑定到悬停div上，假如绑定到显示出来的div框框上，很明显悬