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属性吗?显然不行。也就是说这个教程实现的子菜单都会在同一个地方出现。