div+mouseenter+mouseout模拟title如何添加延时？？？
为了防止鼠标快速划过使模拟title的div显示出来，需要对mouseenter增加适当的延时，类似于悬停之上0.5秒后才开始显示title的效果，请教大家如何实现？？
<div id="test">offset</div>
<div id="title">
Hello World.
</div>
$(function() {
$("#test").bind({"mouseenter": function() {
$("#title").stop(true).delay(100).show();
},
"mouseout": function() {
$("#title").hide();
}});
});
#title {
width:100px;
height:100px;
display:none;
position:absolute;
background-color:red;
}
#test {
position:absolute;
text-align:center;
left:20%;
top:20%;
right:50%;
bottom:50%;
background-color:gray;
border: 1px solid ;
}
