`
sbiigu
  • 浏览: 164677 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

多TAB的界面的JS

阅读更多
<script language="javascript" type="text/javascript" src="../js/dojojs/dojo.js"></script>
<script type="text/javascript" src="../dojojs/dojo.js"></script>
<script type="text/javascript">
dojo.require("dojo.lang.*");
dojo.require("dojo.widget.Tree");
dojo.require("dojo.widget.TreeRPCController");
dojo.require("dojo.widget.TreeSelector");
dojo.require("dojo.widget.TreeNode");
dojo.require("dojo.widget.TreeContextMenu");
dojo.require("dojo.widget.TabContainer");
dojo.require("dojo.widget.LinkPane");
dojo.require("dojo.widget.ContentPane");
dojo.require("dojo.widget.LayoutContainer");
</script>
<!--小标题-->
<div id="right_main_tb_tb_title"><b>gh</b></div>
<!----显示内容----->
<div id="right_main_tb_tb_center">
<div id="right_main_tb_tb">
<form method="post" action="fuwu.html" name="form1">
<table class="tb_list">
<tr>
<td width="30%" valign="top">
<br><br>
<blockquote>
  <div dojoType="Tree" DNDMode="onto" toggler="fade" widgetId="demoTree" DNDAcceptTypes="demoTree" >
   
<div dojoType="TreeNode" widgetId="1.3" actionsDisabled="move" title="直辖市">
<div dojoType="TreeNode" widgetId="1.3.1" title="<a href='#'>北京</a>"></div>
    <div dojoType="TreeNode" widgetId="1.3.1" title="<a href='#'>上海</a>"></div>
<div dojoType="TreeNode" widgetId="1.3.1" title="<a href='#'>深圳</a>"></div>
<div dojoType="TreeNode" widgetId="1.3.1" title="<a href='#'>厦门</a>"></div>
</div>

</div>
</blockquote>
</td>

<td width="70%">
<!--tab开始-->
     <div id="mainTabContainer" dojoType="TabContainer" doLayout="false"  selectedChild="intro" class="tab_class">
<div id="intro" dojoType="ContentPane" label="<font color='#000000' style=' font-size:9pt'>按钮一</font>" class="tab_class">
<br>
<blockquote>
我只是一个多年的程序员,经历了多年的<br>
的苦和痛,希望能将这些苦和痛通过我的<br>
书呈现在大家面前,让大家少走弯路
我只是一个多年的程序员,经历了多年的<br>
的苦和痛,希望能将这些苦和痛通过我的<br>
书呈现在大家面前,让大家少走弯路
我只是一个多年的程序员,经历了多年的<br>
的苦和痛,希望能将这些苦和痛通过我的<br>
书呈现在大家面前,让大家少走弯路
我只是一个多年的程序员,经历了多年的<br>
的苦和痛,希望能将这些苦和痛通过我的<br>
书呈现在大家面前,让大家少走弯路
我只是一个多年的程序员,经历了多年的<br>
的苦和痛,希望能将这些苦和痛通过我的<br>
书呈现在大家面前,让大家少走弯路
我只是一个多年的程序员,经历了多年的<br>
的苦和痛,希望能将这些苦和痛通过我的<br>
书呈现在大家面前,让大家少走弯路
我只是一个多年的程序员,经历了多年的<br>
的苦和痛,希望能将这些苦和痛通过我的<br>
书呈现在大家面前,让大家少走弯路
我只是一个多年的程序员,经历了多年的<br>
的苦和痛,希望能将这些苦和痛通过我的<br>
书呈现在大家面前,让大家少走弯路
我只是一个多年的程序员,经历了多年的<br>
的苦和痛,希望能将这些苦和痛通过我的<br>
书呈现在大家面前,让大家少走弯路
我只是一个多年的程序员,经历了多年的<br>
的苦和痛,希望能将这些苦和痛通过我的<br>
书呈现在大家面前,让大家少走弯路
我只是一个多年的程序员,经历了多年的<br>
的苦和痛,希望能将这些苦和痛通过我的<br>
书呈现在大家面前,让大家少走弯路
我只是一个多年的程序员,经历了多年的<br>
的苦和痛,希望能将这些苦和痛通过我的<br>
书呈现在大家面前,让大家少走弯路
</blockquote>
</div>
<div id="contact" dojoType="ContentPane" label="<font color='#000000' style=' font-size:9pt'>按钮二</font>" class="tab_class">
<h3>如何联系我?</h3>
在广州的朋友<br>
可以到新东方来找我<br>
也可以发邮件给我<br>
<a href="mailto:kongyeeku@163.com">kongyeeku@163.com</a>
</div>
</div>
<!--tab结束-->
</td>
</tr>
</table>
</form>
</div>

</div>
<div id="right_main_tb_tb_foot"></div>
分享到:
评论

相关推荐

    多tab页面后台管理界面

    在构建一个高效的后台管理系统时,"多tab页面后台管理界面"的设计显得尤为重要。这个系统的特点是支持多个窗口的管理和切换,允许用户根据需求自由调整tab的顺序和布局,旨在提供一个既整洁又功能丰富的操作环境。...

    bootstrap-closable-tab.js tab标签页扩展之关闭全部和关闭其他

    而"bootstrap-closable-tab.js"则是在原生Bootstrap Tab组件的基础上进行的扩展,增加了标签页的关闭功能,使得用户可以根据需要关闭不需要的标签页,提高了交互性和用户体验。 在这个扩展中,`bootstrap-closable-...

    基于vue多tab页实现

    在Vue.js框架中,多标签页(Tab)的实现是一个常见的需求,特别是在构建复杂的Web应用时,它能够帮助用户组织和切换不同的视图或功能。本教程将详细讲解如何使用Vue.js来创建一个简单的多标签页系统,并提供了一个...

    基于js的iframe 可关闭tab标签组件使用方法

    在网页开发中,JavaScript(js)经常被用来增强用户体验,特别是在构建动态交互式的用户界面时。本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中...

    我厨 tab 界面设计.zip

    首先,Tab界面是用户界面设计中的常见元素,主要用于展示多个不同但相关的功能或内容区域。在微信小程序中,Tab通常位于页面底部,用以切换不同的页面视图。这种设计模式让用户能够直观地理解和操作,提高导航效率。...

    tabjs一款基于Jquery的方便易用的tab选项卡插件

    在网页设计中,选项卡(Tab)组件是一种常见的用户界面元素,它允许我们将大量信息组织到有限的空间内,提高用户体验。`Tab.js` 是一个专为jQuery设计的轻量级、易用且高度可定制的选项卡插件。这款插件简化了实现...

    ASP.NET实现类似网易126邮箱TAB界面.rar

    ASP.NET模仿的126邮箱TAB界面,可以换皮肤、其中住框架、具体页面可以统一使用皮肤。 tab页标题有右键菜单,新开、全屏打开,刷新。双击标题也可以刷新。可以收放菜单栏。 使用方法: 基本上主框架页面不需要作...

    html_Tab.zip_ js tab_Tabú_html tab_js tab_tab

    HTML和JavaScript(JS)在网页开发中扮演着重要的角色,特别是在构建交互式用户界面时。在本案例中,"html_Tab.zip_ js tab_Tabú_html tab_js tab_tab" 提供了一个关于如何使用这两种技术创建动态Tab组件的示例。...

    模仿淘宝tab界面

    【淘宝Tab界面模仿】是一个关于Web用户界面设计与开发的主题,主要关注于电商网站中常见的商品分类切换功能。这个项目旨在实现与淘宝网电器类别Tab切换相似的效果,并且要确保在主流浏览器上都能正常工作,这包括了...

    一个非常漂亮的多Tab后台管理框架

    综上所述,这个多Tab后台管理框架是一个基于JavaScript的前端解决方案,它借鉴了163邮箱的界面设计理念,提供了一种高效且美观的方式来组织和管理后台系统的多个操作。适用于开发OA系统和CMS,开发者可以利用这个...

    同一页面多个Tab选项卡嵌套显示实例

    在网页设计中,Tab选项卡是一种常见的用户界面元素,它允许在同一页面上组织大量内容,以提高用户体验和页面的可读性。同一页面多个Tab选项卡的嵌套显示实例是这种设计模式的一种进阶应用,它能够更好地管理复杂的...

    多层tab标签嵌套支持无连接分类

    综上所述,“多层tab标签嵌套支持无连接分类”是一个涉及HTML、CSS、JavaScript等多个技术领域的实践项目,旨在提供一种高效、灵活且用户友好的多级导航方案。通过熟练掌握上述知识点,开发者可以构建出更加复杂和...

    我厨 tab 界面设计_微信小程序模板js代码前台前端H5页面源码.rar

    在本资源中,我们主要关注的是“我厨”微信小程序的tab界面设计,以及与之相关的JavaScript(JS)代码和H5(HTML5)页面源码。这些元素构成了微信小程序的前端开发核心部分,让我们来深入探讨一下这些知识点。 1. *...

    源代码:网站制作我厨 tab 界面设计.rar

    Tab界面设计是网页或应用程序中常见的一种用户交互模式,用于组织和展示多个相关但独立的内容区域。这种设计通常在有限的空间内提供多个导航选项,使得用户可以方便地在不同功能或内容之间切换。 【源代码分析】 ...

    ajax tab(js)

    Ajax Tab是一种基于JavaScript(js)、CSS(css)和Ajax技术实现的网页动态切换标签功能。Ajax,即异步JavaScript和XML,允许Web开发者在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。Tab组件则常...

    纯js写的tab标签切换

    在网页设计中,Tab切换是一种常见的用户界面交互方式,它允许用户在多个内容板块之间进行切换,而无需刷新整个页面。本示例是使用纯JavaScript实现的Tab切换功能,这在不依赖任何JavaScript库或框架如jQuery的情况下...

    精美的tab结构js

    在本文中,我们将深入探讨“精美的tab结构js”这一主题,它是一种广泛应用于Web开发中的交互式用户界面设计元素。Tab结构常用于组织和展示大量信息,通过切换不同的选项卡,用户可以轻松访问和浏览内容,而无需离开...

    tab万能js特效 可以任意添加多个

    "tab万能js特效"是指利用JavaScript实现的具有强大功能和自定义性的Tab切换效果。这种特效可以方便地在网页中添加多个Tab,每个Tab都可以承载独立的内容区域,用户可以通过点击不同的Tab来切换显示的内容。 ...

    js用户管理中心tab切换界面模板

    在JavaScript(JS)开发中,用户管理中心的Tab切换界面是一种常见的交互设计,它允许用户在不同的功能区域之间轻松切换,而无需重新加载整个页面。Tab切换界面通常由多个标签页和对应的内容区域组成,通过点击不同的...

    微信小程序代码-我厨 tab 界面设计.zip

    在“我厨”小程序的tab界面设计中,颜色搭配、图标选择、文字排版都需要考虑到这些原则,以提供优秀的用户体验。 10. 性能优化:为了提高小程序的加载速度和运行效率,开发者需要关注代码分割、懒加载、资源预加载...

Global site tag (gtag.js) - Google Analytics