html 二级菜单 鼠标移动消失,鼠标移开按钮时怎么不让二级菜单马上消失？

这是我之前写的一个代码希望对你有所帮助，记得自己引入jq原始文件比如： ，之前的回答在 这里：https://segmentfault.com/q/1010000005890523/a-1020000005897412

Document

* {

margin: 0;

padding: 0;

}

body{

width: 100%;

height: 100%;

background: #f88;

}

#box {

height: 210px;

width: 200px;

padding-right: 400px;

margin: 0 auto;

}

#gps_left {

position: absolute;

float: left;

width: 200px;

height: 210px;

background: #f00;

}

#gps_left li {

width: 200px;

height: 30px;

font: 12px/30px '微软雅黑';

}

#gps_right {

position: relative;

left: 200px;

top: 0;

float: left;

width: 400px;

height: 210px;

overflow: hidden;

display: none;

}

#gps_right li {

width: 400px;

height: 210px;

font: 12px/210px '微软雅黑';

display: none;

background: #f0f;

}

• 111111
• 22222
• 3333
• 44444
• 555
• 666
• 7777

• 1
• 2
• 3
• 4
• 5
• 6
• 7

$("#box li").hover(function () {

var $indes = ($(this).index()) //获取下标

$('#gps_right').css('display', 'block');

$('#gps_right li').css('display', 'none').eq($indes).css('display', 'block');

}, function () {

$('#gps_right').css('display', 'none');

$('#gps_right li').css('display', 'none');

})