js根据tab点击链接到不同页面

标签：js

1、html 代码

<div style="padding: 15px 0 0 15px">
	<a onclick="wzNeed();"style="width: 100px; font-weight: bold; font-size: 14px;" class="btn btn-normal" id="btn1" href="javascript:;"> 
		<i style="margin-right: 8px; font-size: 18px;" class="fa fa-cubes"></i>物资情况
	</a> 
	<a onclick="zjNeed();" style="width: 100px; font-weight: bold; font-size: 14px;" class="btn btn-normal" id="btn2" href="javascript:;"> 
		<i style="margin-right: 8px; font-size: 18px;" class="fa fa-jpy"></i>资金情况
	</a> 
	<a onclick="gzNeed();" style="width: 100px; font-weight: bold; font-size: 14px;" class="btn btn-normal" id="btn3" href="javascript:;"> 
		<i style="margin-right: 8px; font-size: 18px;" class="fa fa-user"></i>工作总结
	</a>	
</div>
<div calss="content">
<iframe id="mainFrame" name="mainFrame" frameborder="0" style="width: 100%;height: 100%"></iframe> 
</div>

$(function() {
	gzNeed();
});
function wzNeed(){
	$("#btn1").attr("class", "btn btn-normal btn-ok");
	$("#btn2").attr("class", "btn btn-normal");
	$("#btn3").attr("class", "btn btn-normal");
	$('#mainFrame').attr('src', "");
}
function zjNeed(){
	$("#btn1").attr("class", "btn btn-normal");
	$("#btn2").attr("class", "btn btn-normal  btn-ok");
	$("#btn3").attr("class", "btn btn-normal");
	$('#mainFrame').attr('src', "");
}
function gzNeed(){
	$("#btn1").attr("class", "btn btn-normal");
	$("#btn2").attr("class", "btn btn-normal");
	$("#btn3").attr("class", "btn btn-normal btn-ok");
	$('#mainFrame').attr('src',"");
}

js根据tab点击链接到不同页面

标签：js

原文地址：http://blog.csdn.net/u011513323/article/details/43273415