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

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

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

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

推荐专题

最新下载

1

小宏人司机版
大小：46.97 MB 类型： 生活服务
2

中国移动河北
大小：301.29 MB 类型： 生活服务
3

数卷
大小：30.51 MB 类型： 生活服务
4

泰到位
大小：33.57 MB 类型： 生活服务
5

慕课网
大小：44.08 MB 类型： 学习理财
6

曲靖M
大小：15.71 MB 类型： 生活服务
7

决策易
大小：60.86 MB 类型： 商务办公
8

合伙记帐本
大小：25.14 MB 类型： 生活服务
9

时光小屋
大小：100.17 MB 类型： 图片拍照
10

电猫云手机
大小：17.67 MB 类型： 游戏辅助

热门教程

1

刷新页面js 代码
时间：2010-08-11 类型： js教程
2

php防dedecms附件式文件在线管理系统
时间：2010-06-11 类型： php高级应用
3

抖音成人版叫什么名字抖音成人版介绍
时间：2018-09-05 类型： 手机软件
4

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

《寻找夏日的宝物》全事件流程如何过
时间：2022-10-19 类型： 单机攻略
6

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

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

抖音我现在只想搞钱图片哪里有抖音我现在只想搞钱表情包大全
时间：2018-09-20 类型： 手机软件
9

《绯月仙行录》桃花村五个村民任务怎么完成
时间：2023-01-03 类型： 单机攻略
10

《泰拉瑞亚》控制台指令代码汇总
时间：2022-12-16 类型： 单机攻略

Tab选项卡(current)效果 js

时间：2008-02-26 编辑：简简单单来源：一聚教程网

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

<style type="text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>">
body, td { font-size:12px; color:#000000; font-family: Arial, 宋体; line-height:140% }
#table td a { display:block; color:#CB6736; float:left; color:#874b46; text-decoration:none;  line-  text-align:center; font-weight:bold; }
#table td a:hover, #table .current{ background:url("http://embed.eccn.com/img/1.gif") no-repeat top right; margin-left:-1px !important; margin-left:0px; color:#1F3A89; }
</style>
<script language="javascript" type="text/javascript">
	//在线座谈
function change_option7(number,index){
	for (var i = 1; i <= number; i++) {
	 document.getElementById('content7' + i).style.display = 'none';
     	 document.getElementById('content7' + index).style.display = 'block';
      }
}
</script>
<table width="352" cellspacing="0" cellpadding="0" align="right" style="border:1px #91A7B4 solid;">
  <tr>
    <td height="24" style="background:url(http://www.eccn.com/icons/item-4c-352.jpg) repeat-x left top;" ><table width="100%" cellspacing="0" cellpadding="0" border="0" id="table">
        <tr>
          <td width="104" height="24" align="center" class="current"><a target="_blank" onmouseover="change_option7(3,1);" href="http://seminar.eccn.com/">在线座谈</a></td>
          <td width="104" align="center"><a target="_blank" onmouseover="change_option7(3,2);" href="http://seminar.eccn.com">精华点播</a></td>
          <td width="104" align="center"><a target="_blank" onmouseover="change_option7(3,3);" href="http://seminar.eccn.com">通信技术座谈</a></td>
          <td width="38" align="center"/>
          <td width="2" align="right"><a href="http://www.eccn.com/icons/line-white.jpg" class="js-smartPhoto-pc" target="_blank"><img width="2" height="24" src="http://www.eccn.com/icons/line-white.jpg"/></a></td>
        </tr>
      </table>
      <table width="96%" cellspacing="0" cellpadding="0" border="0" align="center" id="content71">
        <tr>
          <td width="4%">1</td>
        </tr>
      </table>
      <table width="96%" cellspacing="0" cellpadding="0" border="0" align="center" style="display: none;" id="content72">
        <tr>
          <td align="right" colspan="2">2</td>
        </tr>
      </table>
      <table width="96%" cellspacing="0" cellpadding="0" border="0" align="center" style="display: none;" id="content73">
        <tr>
          <td align="right" colspan="2">3</td>
        </tr>
      </table></td>
  </tr>
</table>

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

上一个： js导航下拉菜单效果
下一个： FLASH图片切换效果

相关文章

热门栏目