87,901
社区成员
发帖
与我相关
我的任务
分享
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body class="bigbox">
<div class="bear" >
<label id="bearLbl">label</label>
<table border="1">
<tr>
<td class="td1">
1
</td>
<td class="td2">
1
</td>
<td class="td3">
1
</td>
<td class="td4">
1
</td>
<td class="td5">
1
</td>
</tr>
</table>
</div>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
var flag;
$('#bearLbl').mouseenter(function(){
$("table").show()
})
$('#bearLbl').mouseout(function(){
flag=setTimeout(function(){
$('table').hide()
},300)
})
$('table').mouseenter(function(){
clearTimeout(flag)
})
$('table').mouseleave(function(){
$(this).hide()
})
</script>
</html>
应该是要这种效果