<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>