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

在ASP.NET页面中使用,能够实现Tab切换功能,谢谢。

幕布斯7119047
浏览 529回答 2
2回答

天涯尽头无女友

Jquery 的tab页就不错,一直在用。见下例:&nbsp;<link href="../css/style.css" rel="stylesheet" type="text/css" /> &nbsp; &nbsp; <link href="../css/jquery-ui-1.7.2.custom.css" rel="stylesheet" &nbsp;type="text/css" /></head><body> &nbsp; &nbsp;<form id="form1" runat="server"> &nbsp; &nbsp;<div id="tabs"> &nbsp; &nbsp; &nbsp; &nbsp;<ul> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<li><a href="#tabs-1">基本信息</a></li> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<li><a href="#tabs-2">联系人信息</a></li> &nbsp; &nbsp; &nbsp; &nbsp;</ul> &nbsp; &nbsp; &nbsp; &nbsp;<div id="tabs-1"> &nbsp; &nbsp; &nbsp; &nbsp;<iframe src="EditCustomer.aspx?action=<%=Action %>&id=<%=ID %>" width="100%" height="400px"></iframe> &nbsp; &nbsp; &nbsp; &nbsp;</div> &nbsp; &nbsp; &nbsp; &nbsp;<div id="tabs-2"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<iframe src="Contact.aspx?action=<%=Action %>&id=<%=ID %>" width="100%" height="400px"></iframe> &nbsp; &nbsp; &nbsp; &nbsp;</div> </div> &nbsp; &nbsp;</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"> &nbsp; &nbsp;$(function() { &nbsp; &nbsp;$("#tabs").tabs(); &nbsp; &nbsp;}); &nbsp; &nbsp;</script>&nbsp;&nbsp;也可以自己写一个。也就是css +js+div〔控制隐藏、显示div〕。
打开App,查看更多内容
随时随地看视频慕课网APP