一聚教程网：一个值得你收藏的教程网站

ps教程 | flash教程 | 路由器设置 | Jsp教程 | 加入收藏

首页 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

当前位置：一聚教程网 > 网页特效 > 导航菜单

推荐专题

最新下载

1

蜂助手
大小：53.03 MB 类型： 生活服务
2

多特瑞
大小：88.50 MB 类型： 学习理财
3

开心火锅店最新版
大小：34.70 MB 类型： 休闲养成
4

麦吉丽经销商服务中心
大小：191.77 MB 类型： 生活服务
5

微微网络电话
大小：24.90 MB 类型： 系统工具
6

密码酷
大小：75.15 MB 类型： 生活服务
7

双开助手
大小：18.10 MB 类型： 系统工具
8

万国觉醒最新版
大小：1.43 GB 类型： 其它游戏
9

万国觉醒
大小：1.43 GB 类型： 策略塔防
10

约单最新版
大小：16.58 MB 类型： 生活服务

热门教程

1

《禁闭求生》防具效果介绍
时间：2022-10-10 类型： 手游攻略
2

解决IDEA springboot"spring-boot-maven-plugin"报红问题方法
时间：2021-04-16 类型： Java技巧及代码
3

久草视频观看地址介绍
时间：2018-01-16 类型： 手机软件
4

苹果版的avnight卡播放面问题解决
时间：2018-01-26 类型： 手机软件
5

《周五夜放克》网页版地址一览
时间：2023-01-10 类型： 手游攻略
6

《伪人测试》网页版入口一览
时间：2022-12-30 类型： 手游攻略
7

红豆泥斯密马赛是什么梗红豆泥斯密马赛是什么意思
时间：2022-01-27 类型： 互联网加
8

《觅长生》丹方汇总
时间：2023-01-17 类型： 单机攻略
9

《绯月仙行录》元婴期怎么突破
时间：2022-12-30 类型： 单机攻略
10

《绯月仙行录》魔界怎么到达
时间：2022-12-30 类型： 单机攻略

一款js选项卡效果（兼容ie6,ie7,firefox)

时间：2010-12-03 编辑：简简单单来源：一聚教程网

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>一款js选项卡效果（兼容ie6,ie7,firefox)</title>
<script language="javascript">
function nTabs(cursel,n){
	for(i=1;i<=n;i++){
	  var menu=document.getElementById('con_'+i);
	  var con=document.getElementById("con_"+i);
	  menu.className=i==cursel?"normal":"";
	  con.style.display=i==cursel?"block":"none";
	}
	
}
</script>
<style>
#xzlTab{ }
#xzlTab li{  float:left; list-style-type:none;}
.normal{ border:1px #093 dashed;}
.active{ background:#030;}
.xzlab{  border:1px solid #900;}
</style>
</head>

<body>
<ul id="xzlTab"> 
<li class="normal" onMouseOver="nTabs(1,2);">出租</li> 
<li class="active" onMouseOver="nTabs(2,2);">出售</li> 
</ul>
<div id="con_1" class="xzlab" >
tab1值
</div>
<div id="con_2" class="xzlab" style="display:none">
tab2值
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

上一个： javascript 动态改变iframe src代码
下一个： javascript 表格排序方法

相关文章

热门栏目