Jquery 的tab页就不错,一直在用。见下例:
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<link href="../css/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="tabs">
<ul>
<li><a href="#tabs-1">基本信息</a></li>
<li><a href="#tabs-2">联系人信息</a></li>
</ul>
<div id="tabs-1">
<iframe src="EditCustomer.aspx?action=<%=Action %>&id=<%=ID %>" width="100%" height="400px"></iframe>
</div>
<div id="tabs-2">
<iframe src="Contact.aspx?action=<%=Action %>&id=<%=ID %>" width="100%" height="400px"></iframe>
</div>
</div>
</form>
</body>
</html>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
也可以自己写一个。也就是css +js+div〔控制隐藏、显示div〕。
可以用自定义控件实现一个,也可以用DIV+CSS做一个,前者只是封装了后者,更好用点。
DIV+CSS和JS实现的,网上有很多,可以搜一下。
自定义控件可以参考“Discuz!NT”后台的一个开源控件:http://www.cnblogs.com/daizhj/archive/2007/08/22/864281.html