如何使用javascript/jquery在asp.net中制作标签 [英] how to make tabs in asp.net using javascript/jquery

问题描述

任何人都可以帮助我使用javascript ......在ASP.NET中创建标签吗?..

can any one help me to make tabs in asp.net using javascript........

推荐答案

看看我的文章 Google Chrome扩展程序-CodeProject信誉观察器 [

Have a look at my article Google Chrome Extension - CodeProject Reputation Watcher[^]

Under the section "Why use jQuery UI" there is a clear example of using tabs.

<script type="text/javascript">

(function(){

(function() {

(#tabs" ).tabs(); }); < /script > < div =" 标签" 样式 高度:400像素;" <！- 标签页 < ul > < li > < a =" #tabs-1" < > /li < li > < a =" repgraph.html" > 信誉图< /a > < /li > ; < li > < a =" #tabs-3" < > < /li > ; < li > < a =" about.html" > 关于< /a > < /li > < /ul > <！- 选项卡1重复点 -> < div =" tabs-1" 样式 填充-left:5像素" > <！- 主代表页面内容 -> < /div > <！- 标签2重复图；注意:这不需要一节 因为它是上面标签定义中的链接URL. -> <！- 标签3选项 -> < div =" tabs-3" 样式 填充-left:5像素" > <！- 选项"标签内容在此处 -> < /div > <！- 标签4关于；注意:这不需要一节 因为它是上面标签定义中的链接URL. -> < /div >

("#tabs").tabs(); }); </script> <div id="tabs" style="height: 400px;"> <!-- Tab Pages --> <ul> <li><a href="#tabs-1">Reputation Points</a></li> <li><a href="repgraph.html">Reputation Graph</a></li> <li><a href="#tabs-3">Options</a></li> <li><a href="about.html">About</a></li> </ul> <!-- Tab 1 Rep Points --> <div id="tabs-1" style="padding-left: 5px"> <!-- Main Rep Page content --> </div> <!-- Tab 2 Rep Graph ; Note: This does not require a section as it is a link URL in tab definition above. --> <!-- Tab 3 Options --> <div id="tabs-3" style="padding-left: 5px"> <!-- Options Tab Content goes Here --> </div> <!-- Tab 4 About ; Note: This does not require a section as it is a link URL in tab definition above. --> </div>

这篇关于如何使用javascript/jquery在asp.net中制作标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！