用js实现选项卡功能
来源:互联网 发布:好看的网站数据库 编辑:程序博客网 时间:2024/05/17 08:07
<script type="text/javascript">
function ShowLayers(n,m)
{
for(i=1;i<=m;i++)
{
eval("content" + i).style.display="none";
eval("title"+i+".style.background=/"ffffff/";");
}
eval("title"+n+".style.background=/"cccccc/";");
eval("content" + n).style.display="";
}
</script>
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tr>
<td id="title1" bgcolor="#cccccc" style="height: 20px"><a onmouseover="javascript:ShowLayers(1,5);">标题1</a></td>
<td id="title2" style="height: 20px"><a onmouseover="javascript:ShowLayers(2,5);">标题2</a></td>
<td id="title3" style="height: 20px"><a onmouseover="javascript:ShowLayers(3,5);">标题3</a></td>
<td id="title4" style="height: 20px"><a onmouseover="javascript:ShowLayers(4,5);">标题4</a></td>
<td id="title5" style="height: 20px"><a onmouseover="javascript:ShowLayers(5,5);">标题5</a></td>
</tr>
<tr>
<td height="100" colspan="5" bgcolor="cccccc">
<div id="content1" style="display:;">
内容1
</div>
<div id="content2" style="display:none;">
内容2
</div>
<div id="content3" style="display:none;">
内容3
</div>
<div id="content4" style="display:none;">
内容4
</div>
<div id="content5" style="display:none;">
内容5
</div>
</td>
</tr>
</table>
- 用js实现选项卡功能
- js实现选项卡功能
- js选项卡功能实现
- js 函数 实现导航选项卡功能
- js实现简单的选项卡功能
- 用JavaScript实现选项卡功能
- js 选项卡实现
- JS实现选项卡
- Fragments实现选项卡功能
- Jquery实现选项卡功能
- Jquery实现选项卡功能
- js_day02_js实现选项卡功能
- jquery实现选项卡功能
- Javascript实现选项卡功能
- angularJS-实现选项卡功能
- 用js实现选项卡案例
- js 实现选项卡里套选项卡
- Js+Css 实现选项卡
- Linux Shell中PS命令中的%CPU的含义介绍
- 多行匹配,不以某某开头,不区分大小写,2个单元的或操作
- Moblin:创建第一个application
- SSH整合项目中容易出现的错误整理
- Powershell 函数在数学表达式中的使用
- 用js实现选项卡功能
- RSA加密算法个人理解
- 创建登陆账号和数据库用户
- 线程同步
- 关于frameset框架中的退出
- 今天在CSDN开博。。
- java线程池
- HIBERNATE和JDBC添加默认不能为空数据区别
- Apache 的 httpd.conf 详解