zoukankan      html  css  js  c++  java
  • tab页中不借用iframe的写法

    直接用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样式。

  • 相关阅读:
    jmeter实现上传文件
    jmeter之调度器设置
    存储过程的几种传参方式
    Charles篡改数据
    软件测试职业发展方向
    最近发现一个有意思的lua游戏引擎,名字叫love2d
    2016,新的一年来到。
    Corona手游教程之widget:Slider篇
    Corona手游教程之widget:PickerWheel篇
    Corona手游教程之widget:ProgressView篇
  • 原文地址:https://www.cnblogs.com/guanghuiqq/p/2661894.html
Copyright © 2011-2022 走看看