<script>
function tabFlexSwitch(source,id) {
if (source == 'kxx') {
var idArray = new Array("shijian", "jihua", "diyu");
changTab(id, source, idArray);
}
}
function changTab(id, source, idArray) {
for (var i = 0; i < idArray.length; i++) {
if (id == idArray[i]) {
document.getElementById(source + id + '_a').style.display = "none";
document.getElementById(source + id).style.display = "";
} else {
document.getElementById(source + idArray[i] + '_a').style.display = "";
document.getElementById(source + idArray[i]).style.display = "none";
}
}
}
</script>
<div class="stat-bar">
<span id="kxxshijian_a"><a onclick="tabFlexSwitch('kxx', 'shijian')">时间统计</a></span>
<span id="kxxshijian" class=active style="display:none">时间统计</span>
<span id="kxxjihua_a" style="display:none"><a onclick="tabFlexSwitch('kxx', 'jihua')">计划类型统计</a></span>
<span id="kxxjihua" class=active>计划类型统计</span>
<span id="kxxdiyu_a"><a onclick="tabFlexSwitch('kxx', 'diyu')">地域统计</a></span>
<span id="kxxdiyu" class=active style="display:none">地域统计</span>
</div>
<style type="text/css">
background-color:#33CCFF;
color:#FFFFFF;
font-size:1.2em;
height:25px;
line-height:1.8em;
overflow:hidden;
padding:5px 0 0 10px;
}
.stat-bar a {
background-color:#66CCFF;
color:#FFFFFF !important;
padding:5px 8px 4px;
}
.stat-bar .active {
background-color:#FFFFFF;
color:#0000CC;
font-weight:bold;
padding:5px 10px 4px;
}
</style>
javascript 标签转换
最新推荐文章于 2024-05-09 15:55:35 发布