Atitit 标签式tab 切换的实现 Softdev=declare+intercept 申明+解释 软件=代码+文档 软件=数据结构+算法 软件=程序+数据+文档 申明式 decla

Atitit  标签式tab 切换的实现

 

 

 

Softdev=declare+intercept  申明+解释

软件=代码+文档

软件=数据结构+算法

软件=程序+数据+文档

 

 

申明式 declare mode

 

<p>标签式的导航菜单</p>

-->

 

<ul class="nav nav-tabs" id="mytab">

<li class="active"><a href="#">Home</a></li>

<li><a href="../cpuV2.htm">服务器负载</a></li>

<li><a href="../autoup/autoxV4.htm" >自动升级</a></li>

<li><a href="../index1.htm">监控平台</a></li>

<li><a href="#">other</a></li>

</ul>

<iframe src="../../autoup/main.htm" width="100%" height='1000px' id="ifrmx"></iframe>

<script>

function btn_click_event()

{

$('#mytab a').on('click', function (e) {

// 获取已激活的标签页的名称

var activeTab = $(e.target).text();

// 获取前一个激活的标签页的名称

var previousTab = $(e.relatedTarget).text();

// $(".active-tab span").html(activeTab);

// $(".previous-tab span").html(previousTab);

$("#ifrmx").attr("src", $(this).attr("href") );

return false;

});

 

}

 

btn_click_event();

</script>