js如何检测鼠标是否悬浮在某元素上？

$(".j_signbtn").click()
$(".tbui_aside_float_bar").after('<div id="hoverdiv"></div>')
var hoverdiv=document.getElementById('hoverdiv')
hoverdiv.style.height="500px"
hoverdiv.style.width="500px"
/*hoverdiv.style.background="black"*/
hoverdiv.style.float="right"
hoverdiv.style.position="fixed"
hoverdiv.style.left="50%"
hoverdiv.style.bottom="0px"
hoverdiv.style.marginLeft="498px"
$(".tbui_aside_float_bar").css("-moz-transition","all 0.3s ease")
$(".tbui_aside_float_bar").css("margin-left","712px")
$(".tbui_aside_float_bar").css("opacity","0")
$("div#hoverdiv").mouseover(function() {
$("div#hoverdiv").hide()
$(".tbui_aside_float_bar").css("margin-left","498px")
$(".tbui_aside_float_bar").css("opacity","1")
setTimeout('$("div#hoverdiv").show()',1000)/*怀疑这里写错了*/
})
$("div#hoverdiv").mouseout(function() {
$(".tbui_aside_float_bar").css("margin-left","712px")
$(".tbui_aside_float_bar").css("opacity","0")
})
})
鼠标移动到指定区域,浮动栏出现
思路是创建一个不可见的空白元素，悬浮到它上方时自动隐藏它自身并显示浮动栏。每隔一段时间重新显示，若鼠标仍在其上方，什么也不做，若不在其上方，隐藏浮动栏。目前用的mouseout()，貌似不太符合要求。I