为了账号安全,请及时绑定邮箱和手机立即绑定

寻找ASP.NET页面可用的Tab功能

寻找ASP.NET页面可用的Tab功能

幕布斯7119047 2018-09-12 05:06:12
在ASP.NET页面中使用,能够实现Tab切换功能,谢谢。
查看完整描述

2 回答

?
天涯尽头无女友

TA贡献1831条经验 获得超9个赞

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〕。


查看完整回答
反对 回复 2018-09-25
  • 2 回答
  • 0 关注
  • 502 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信