http://www.google.cn/
中的那个更多用JavaScript怎么实现?不要用jQ.

解决方案 »

  1.   


    <script type="text/javascript">
            function showMenu(e) {
                document.getElementById("subMenu").style.display = "block";
                //防止事件冒泡
                if (e && e.stopPropagation)
                    e.stopPropagation();
                else
                    window.event.cancelBubble = true;
                return false;
            }
            document.onclick = function() {
                if (document.getElementById("subMenu").style.display = "block") {
                    document.getElementById("subMenu").style.display = "none";
                }
            }
        </script>    <a href="javascript:void(0);" onclick="showMenu(event)">更多</a>
        <div id="subMenu" style="position: absolute; display: none; border: 1px solid #ccc;">
            <p>
                <a href="#" onclick="alert(1)">menu1</a></p>
            <p>
                menu2</p>
        </div>
      

  2.   

    不放置冒泡的话。点击更多,先展开,又因为document.onclick而关闭了。
    1楼强啊。。真快