在aspx中为应用程序表单创建选项卡

Question

http://eduvark.com/images/Manipal-University-Application-Form.jpg

（我不拥有上述链接。链接仅用于说明目的，未经许可不得用于商业用途）

我需要创建如图所示的选项卡式结构。我有完整的申请表，但我只需要创建这些选项卡。我无法附加代码片段，因为表单太大，有多个页面。

欢迎任何帮助。

提前谢谢。

Answer 1

是的，您可以使用jquery选项卡，如果它们在这种情况下没有帮助。然后你可以使用

ajaxcontroltoolkit选项卡在这里找到它，然后告诉我。http://www.asp.net/ajaxlibrary/ajaxcontroltoolkitsamplesite/tabs/tabs.aspx此外，telerik控件也有一个非常好的可定制的选项卡条控件，但它们不是免费的，ajaxcontroltoolkit是免费的。

Answer 2

您可以通过jQuery或Ajax控制工具包通过多种方式来实现这一点。我将在这里展示jQuery方法（请参阅本文）。从这里下载所有必要的文件。提取所有文件，将jQueryui和css文件放在您的应用程序上，并将它们链接到如下所示的页面

<script src="../Scripts/myapp/jquery-1.9.1.js" type="text/javascript"></script>
<link href="../Styles/myapp/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/myapp/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>

如果你想更改选项卡的背景图像，你可以在页面上添加下面的样式，通过将下面的样式放在页眉中来覆盖内置的css

.ui-tabs-panel {background-image:url('image.jpg') !important;}

希望这对你有帮助。