Css中控制当鼠标滑过<li>元素时，显示它里面的<ul>元素

Css中控制当鼠标滑过li元素时，显示它里面的ul元素

#navigation ul li:hover ul{
    Background-color:#88c366;
    Position:absolute;
    Width:100px;
    Display:block;
}

上面的写法IE6不支持，改用脚本完成

$(function(){
    $(“#navigation ul li:has(ul)”).hover(function(){
    $(this).children(“ul”).stop(true,true).slideDown(400);
    },function(){
    $(this).children(“ul”).stop(true,true).slideUp(“fast”);
    });
});

添加Stop(true,true)的好处是能把未执行完的动画队列清空，并且将正在执行的动画跳转到末状态