老掉牙裴帮助关于Tab标签的一个小练习 _Web前端

老裴帮助关于Tab标签的一个小练习

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
?String path = request.getContextPath();
?String basePath = request.getScheme() + "://"
???+ request.getServerName() + ":" + request.getServerPort()
???+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
?<head>
??<base href="<%=basePath%>">
??<title>Tab标签实例</title>
??<meta http-equiv="pragma" content="no-cache">
??<meta http-equiv="cache-control" content="no-cache">
??<script src="<%=path%>/js/tab/SpryTabbedPanels.js"
???type="text/javascript"></script>
??<script src="<%=path%>/js/jquery/jquery-1.3.2.js"
???type="text/javascript"></script>
??<link href="<%=path%>/js/tab/SpryTabbedPanels.css" rel="stylesheet"
???type="text/css" />
?</head>
?<body>
??<div id="TabbedPanels1" class="TabbedPanels">
???<ul class="TabbedPanelsTabGroup">
????<li class="TabbedPanelsTab" tabindex="0">
?????任务列表
????</li>
????<li class="TabbedPanelsTab" tabindex="0">
?????工作报告
????</li>
????<li class="TabbedPanelsTab" tabindex="0">
?????业务需求
????</li>
???</ul>
???<div class="TabbedPanelsContentGroup">
????<div class="TabbedPanelsContent">
?????<iframe name="docframe" id="docframe" frameborder='0' height='100%'
??????width='100%' scrolling="no" align='center' src="pages/common/TaskList.html"
??????onload=""></iframe>
????</div>
????<div class="TabbedPanelsContent" style="display: none">
?????<iframe name="docframe" id="docframe" frameborder='0' height='100%'
??????width='100%' scrolling="no" align='center'
??????src="pages/common/WorkReaport.html" onload=""></iframe>
????</div>
????<div class="TabbedPanelsContent" style="display: none">
?????<iframe name="docframe" id="docframe" frameborder='0' height='100%'
??????width='100%' scrolling="no" align='center'
??????src="pages/common/BussinessRequest.html" onload=""></iframe>
????</div>
???</div>
???<div>
?</body>
?<script language="javascript">
?var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</html>