<script>
    window.onload = function()
    {
        var oBtn = document.getElementsByTagName('input')[0];
        var oUl = document.getElementsByTagName('ul')[0];
        var aLi = oUl.getElementsByTagName('li');

        oBtn.onclick = function()
        {
            // oUl.style.display = 'block'; 
 

            // 這裡只設置了點選顯示的，點選隱藏的效果忽略了！
            // 同一個事件有兩個狀態，用三元表示式！！
            oUl.style.display = oUl.style.display == "block" ? "none" : "block";

            // 這裡應該直接在CSS裡設定hover狀態時的背景色。

            // for(var i=0; i<aLi.length; i++)
            // {
            //     aLi[i].onmouseover = function()
 

            //     {
            //         for(i in aLi)
            //         {
            //             aLi[i].className = '';
            //         };

            //         this.className = 'hover';
            //     };
            // };

            aLi[aLi.length-1].onclick = function()
            {
                oUl.style.display 
 
= 'none';
            };
        };
    };
    </script>