使用HTML＋CSS编写一个灵活的Tab页

学习中……

支持一下。

你好 downpour 我在浏览页面的时候读图片的时间有些长（也许跟骑毛驴有关系）
我有个想法，如果要用隐藏-显示DIV层实现在一个页面里，就不用来回读了，虽然第一次下载页面的时间会相对较长，但是可以给浏览者一个完美体验。
当然，这个缺点还是很多的。比如代码过长，页面体积过大。。。。
<我也是刚学软件，你说我这思想对吗？>

感觉非常象scriptaculous里提供的标签功能

这只是一个Demo页，做得让大家都可以点，所以都是一些静态的HTML，每次重新加载，的确会慢一些。

事实上，如果把这个Tab页应用的真正的项目中，我完全可以将这段HTML的片断抽取到一个JSP中，然后include到真正的业务页面上。后台负责根据权限生成具体的URL代码和选中的menu以及submenu。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %>
	
	<div class="navg">

		<div id="${menu}" class="mainNavg">
			<ul>
				<c:forEach var="currentMenu" items="${currentMenus}">
					<li id="${currentMenu.name}Navg"><a href="${currentMenu.url}">${currentMenu.description}</a></li>
				</c:forEach>
			</ul>
		</div>
		
		<div id="${submenu}" class="secondaryNavg">
			<ul>
				<c:forEach var="currentSubmenu" items="${currentSubmenus}">
					<li id="${currentSubmenu.name}Navg"><a href="${currentSubmenu.url}">${currentSubmenu.description}</a></li>
				</c:forEach>
			</ul>
		</div>
	
	</div>

这样的话，菜单的权限控制和选中控制完全由后台配置决定。如果使用Webwork的话，一个拦截器就搞定了。页面上面无须复杂的JavaScript＋HTML＋Tag的混编模式来进行控制。

以前发现的很多问题是网上找到的很多控件都依赖于具体的JavaScript，同时为了控制权限，还要将后台传递到JSP页面的数据和这些JavaScript或者HTML代码进行融合，这样代码很容易混乱而无法维护。

小弟学习中

我觉得最好还是不要javascript

恩~~~厉害！
谢谢downpour的指点。

这个不错，可以试试

ls指教一下

不用图片以外的圆角方案?