光辉飞翔

导航

 

直接用div+a两个标签即可。a标签负责href连接action的方法,action返回到各个页面中。在各个页面中都同时包含相同的div的tab页抬头,各个页面不同的是高亮,当该页面显示时,高亮该div即可。

这样就达到了是tab页面的效果。不会出现iframe中的css样式重复或冲突的情况。

 

例子:

 <div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs1">
  <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
   <li class="ui-state-default ui-corner-top "><a href="${ctx}/customer/customerMgr!showCaseInfo?caseId=${caseId}&orgId=${orgId}">事件信息</a></li>
   <li class="ui-state-default ui-corner-top "><a href="${ctx}/customer/customerMgr!showEventInfo?caseId=${caseId}&orgId=${orgId}">案件信息</a></li>
   <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="${ctx}/customer/customerMgr!showCaseTraceInfo?caseId=${caseId}&orgId=${orgId}">跟踪信息</a></li>
   <li class="ui-state-default ui-corner-top "><a href="${ctx}/customer/customerMgr!showLossInfo?caseId=${caseId}&orgId=${orgId}">损失/理算</a></li>
   <li class="ui-state-default ui-corner-top "><a href="${ctx}/customer/customerMgr!showFileItem?caseId=${caseId}&orgId=${orgId}">查看资料</a></li>
  </ul>
 </div>

ui-tabs-selected ui-state-active为高亮的css样式。

 

 

posted on 2012-08-29 13:00  光辉飞翔  阅读(1465)  评论(0编辑  收藏  举报