CSS版实现好是好，但是有些真改不过来。

比如，那个子菜单的定位就不能根据选择不同的顶级菜单项而移动位置：

    .submenu{
            display: none;
            width: 715px;
            left: 220px;
            position: absolute;
            top: 40px;
            border: 1px solid #DDD;
            z-index: 4;
            background-color: #FFF;
            box-shadow: 0 0 8px #DDD;
            -moz-box-shadow: 0 0 8px #DDD;
            -webkit-box-shadow: 0 0 8px #DDD;
        }

css可以根据进入不同的顶级菜单项而修改其对应的子菜单项的left和top属性吗？显然不行。也就是说这个教程实现的子菜单都会在同一个地方出现。