<script>
//    鼠标移入移出改变下拉菜单的背景色
    (function mouse() {
        $("li").mouseenter(function () {
            $(this).css("background-color","blue").siblings().css("background-color","#fff ");

        });
        $("li").mouseleave(function () {
            $("li").css("background","white");
        })
    })();
//    鼠标离开隐藏下拉菜单
    $(".dropdown-menu").mouseleave(function () {
        $(this).slideUp();
    });
//    鼠标点击按钮再次显示下拉菜单
    $(".btn").on("click",function () {
        $(".dropdown-menu").slideDown();
    });
//    弹出被点击的li菜单的文本内容
    $("li").click(function () {
        alert($(this).html());
    })
</script>

.dropdown-menu{background-color:#202020;}

.dropdown-menu >li >a{color:#FFF;}

.dropdown-menu >li >a:focus{background-color:#000;color:#FFFFFF}

bootstrap下拉背景为黑色，选项字体为白色，点击时选项背景加深

.dropdown-menu{

        background-color:#000;

    }