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)的好處是能把未執行完的動畫佇列清空，並且將正在執行的動畫跳轉到末狀態