球拍式导航菜单效果的实现

	球拍式导航菜单效果的实现

如何实现菜单与左边内容区的连通效果要将左侧内容区和右边选中的菜单项连通起来,需要将菜单栏分成两个类别,选中和未选中的样式如右。 大家注意看选中项和未选中项的边框和底色设置。

CSS渲染后的菜单项HTML代码:渲染的效果图如下:如何翻页后得知上次点击的菜单项剩下的问题是如何在翻页后得知上次点击的菜单项,这很简单,从reuqest中取出请求参数curr,它代表了选中菜单项的记号,然后在jsp页面中用scriptlet逐个判断即可。 导航菜单上下边的修补工作全部工作到这里还未结束,还要在导航菜单上下部增加一些细节,要不菜单上下会缺失边缘。

我采用了表格防止上边,菜单和下边三项,下面是HTML代码:sideBlank的CSS设置如下:这样,菜单上下的边就封上了,视觉效果也要好一些,位置示意图如下:。