VS2008(C#)制作网页Tab标签切换方法(二)——JavaScript实现
使用JavaScript脚本代码,实现Tab标签切换
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Tab_JScript.aspx.cs" Inherits="TabContent" %>
<!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 runat="server">
<title>Tab的JavaScript实现</title>
<style type="text/css">
body
{
color: #000000;
background-color: #ffffff;
font-family: Tahoma, 宋体;
font-size: 12px;
margin: 0px;
padding: 0px;
text-align: center;
}
.sec1
{
background-color: #99ffcc;
}
.sec2
{
background-color: #ffcc33;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<%--
遨游、IE8、360浏览器都兼容
但是,FireFox、Chrome、Opera浏览器不支持
--%>
<center style="margin-top: 20px;">
<table id="secTable" border="1" cellspacing="2" cellpadding="10" valign="middle"
width="500px">
<tr>
<td class="sec2" onclick="secBoard(0)">
文学
</td>
<td class="sec1" onclick="secBoard(1)">
历史
</td>
<td class="sec1" onclick="secBoard(2)">
科技
</td>
<td class="sec1" onclick="secBoard(3)">
军事
</td>
</tr>
</table>
<table id="mainTable" class="main_tab" border="1" cellspacing="0" cellpadding="0"
width="500px" style="height: 600px;">
<tbody style="display: block;">
<tr>
<td>
111-文学
</td>
</tr>
</tbody>
<tbody style="display: none;">
<tr>
<td>
222-历史
</td>
</tr>
</tbody>
<tbody style="display: none;">
<tr>
<td>
333-科技
</td>
</tr>
</tbody>
<tbody style="display: none;">
<tr>
<td>
444-军事
</td>
</tr>
</tbody>
</table>
<script type="text/javascript">
function secBoard(n) {
for (i = 0; i < secTable.cells.length; i++)
secTable.cells[i].className = "sec1";
secTable.cells[n].className = "sec2";
for (i = 0; i < mainTable.tBodies.length; i++)
mainTable.tBodies[i].style.display = "none";
mainTable.tBodies[n].style.display = "block";
}
</script>
</center>
</form>
</body>
</html>
具体代码如上,源代码下载: VS2008(C#)4种方法实现Tab标签灵活切换源码,测试成功!
分享到:
相关推荐
VS2008(C#)4种方法实现Tab标签灵活切换源码,测试成功!
tab标签切换
在vs2008中使用C#制作网页的例子,参考一下还是不错的!
使用C#进行的网页开发实现局域网连接,通常是实现工厂的局域网软件登陆控制等功能
左侧点击菜单tab切换
可以放入多个Tab标签,c#后台自定义配置,可以更换皮肤
C# 抓取网页内容帮助方法,能投通过标签自动匹配想要输出的内容
网页浏览切换,用C#写的一个可以切换网页的功能,用来测试网页格式,需要.netframework环境
本例子采用VS2005+C#开发,解决网页网页动态切换加载用户控件丢失问题。http://www.linjon.cn
c#版多标签页浏览器是用c#编写的多标签页浏览器,类似遨游,360,腾讯TT,可以在一个窗口中打开若干个网页。适合新手学习使用。
VS2008 C# 浏览器,带详细注释 说明
C#winform窗口切换,感觉很好玩,而且玩起来蛮炫的,适合初学者。用到API
WPF 实现多界面切换
主要方法是添加资源文件,其实是字符串id与内容的列表,每种语言一个资源,然后你要设置当前线程的语言。当然比如控件的显示等也是必须写成从资源提取,不能直接在属性窗口里设置。
使用VS2008+SQLite开发的WinCE系统下的PDA程序开发,自己写了一个小Deom,希望可以帮助到初次接触这个的人。文档中提到所需要的安装资源我也会放上去的。
C# winform TabControl 自定义标签颜色 点击突出显示 源码简单易懂
实现C#多窗口相互切换
vs2008的C#源码销售管理系统 销售管理系统 销售管理是销售公司的重要工作,利用计算机对进销存和客户信息进行管理可以有效地提高 工作效率,这对于现代销售公司是非常重要的。 本实例采用 Visual Studio 2008 作为...
C#调用CodeSoft打印标签,使用斑马打印机,二维码是变量。
经典C#教程,非常不错doc档,适用于vs2008,2010