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

树型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></b></div>
<!----显示内容----->
<div id="right_main_tb_tb_center">
<div id="right_main_tb_tb">
<div id="tree_felt">

<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='#' onclick=''>北京</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>

</div>

<div id="tree_right">
<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>
书呈现在大家面前,让大家少走弯路
</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>

</div>


</div>
<div style="font: 0px/0px sans-serif;clear: both;display: block"></div>
</div>
<div id="right_main_tb_tb_foot"></div>
分享到:
评论

相关推荐

    非常好用的树型JS菜单

    首先,标题中的“非常好用的树型JS菜单”暗示我们这是一个基于JavaScript实现的交互式树形菜单。JavaScript是前端开发中的主要脚本语言,它允许在用户浏览器端动态更新页面内容,提供丰富的用户交互体验。 描述中...

    js做的树型结构javascript作的树型结构javascript作的树型结构

    js做的树型结构,应该是很好的,javascript作的树型结构javascript作的树型结构javascript作的树型结构javascript作的树型结构javascript作的树型结构javascript作的树型结构javascript作的树型结构javascript作的树型...

    树型javascript

    JavaScript中的树型结构是一种数据组织方式,它模拟了自然界中的树状结构,具有层次分明、节点间存在父子关系的特点。在编程中,树形结构常用于实现如文件系统、组织结构、网页DOM(文档对象模型)等场景。在这个...

    jQuery zTree 树型js插件

    **jQuery zTree 树型js插件** jQuery zTree是一款基于JavaScript的开源树形插件,广泛应用于网页中实现各种树形结构的展示与交互功能。它轻量级、易于集成,提供了丰富的API和多种自定义配置选项,使得开发者能够...

    treeview静态树型JavaScript的实现

    ### Treeview静态树型JavaScript实现解析 在网页开发过程中,为了更好地展示层级关系的数据结构,开发者经常使用到树形视图(Treeview)组件。本文将详细介绍一个基于纯JavaScript实现的静态树形视图代码,帮助读者...

    多个简单漂亮的树型菜单JS代码

    标签“树型 JS 源代码”明确了主要技术:JavaScript(JS)和树型结构。JavaScript是一种广泛使用的客户端脚本语言,用于增强网页的动态功能。在这个案例中,JS代码负责处理树型菜单的展开、折叠、选中等交互逻辑。 ...

    带选择的树型js控件

    带选择框的JS树控件 页面创建一个HTMLElement是很耗时的,无论使用createElement或者是是innerHTML都一样。 而且这一步只能一个节点一个节点慢慢地生成,虽然可以通过减小单个节点的HTML元素量的方法提高一些速度,...

    经典的js树型菜单 javascript脚本

    在这个“经典的js树型菜单”示例中,我们将深入探讨如何使用JavaScript来创建一个可展开和折叠的树状菜单。 树型菜单在网站导航中非常常见,它可以帮助用户组织和浏览大量的层次结构信息。通过JavaScript,我们可以...

    简单好用的JS树型菜单

    总结来说,“简单好用的JS树型菜单”是一种利用JavaScript实现的交互式网页元素,它通过动态操作DOM和处理用户事件,实现了节点的展开折叠和动态添加。在设计和实现时,我们需要注意性能优化、可扩展性和无障碍性,...

    Javascript树型菜单

    7. **第三方库**:虽然在提供的文件列表中没有明确的JavaScript库,但实现树型菜单通常会用到像jQuery UI、jstree或Bootstrap Treeview这样的库。这些库提供了丰富的API和预定义的样式,使得创建交互式树型菜单变得...

    js简单树型表格控件

    总的来说,"js简单树型表格控件"项目涉及到了JavaScript的基础语法、DOM操作、事件处理、数据结构以及代码组织等多个方面的知识点,对于想要掌握前端开发尤其是表格和树型结构显示的开发者来说,这是一个很好的学习...

    简单js树型结构好用

    JavaScript(简称js)作为一种广泛使用的客户端脚本语言,常用于实现动态交互效果,包括构建树形结构。本篇文章将深入探讨如何在HTML环境下利用JavaScript实现简单且实用的树型结构,并扩展到与其他服务器端技术如...

    JS 下拉框树型控件.rar

    在JavaScript(JS)开发中,下拉框树型控件是一种常见的交互元素,它结合了传统的下拉框和树形结构,通常用于显示层级关系的数据。这种控件在用户界面设计中非常有用,例如在选择组织结构、地区层级或者分类时。在本...

    无限级可刷新Js树型菜单

    总的来说,无限级可刷新Js树型菜单的实现涉及JavaScript基础、数据结构、DOM操作、事件处理、异步通信等多个知识点,需要结合实际应用场景灵活运用。通过熟练掌握这些技能,开发者可以创建出高效、用户友好的前端...

    js动态树型结构 树型菜单

    在这个场景下,"js动态树型结构 树型菜单"指的是使用JavaScript实现的可以动态加载、展示和操作的树状菜单系统。 树型结构是一种数据表示形式,由节点和边组成,每个节点可以有零个或多个子节点。在JavaScript中,...

    JavaScript代码-树型目录菜单.zip

    js代码-树型目录菜单.zip

    JSP树型目录,javascript树型目录。

    常见的JavaScript库,如jQuery、Vue.js、React等,都有对应的插件或组件可以实现树型目录。例如,jQuery有jQuery UI的Treeview,Vue.js有Element UI的Tree组件,它们都提供了丰富的API供开发者调用,实现动态效果和...

    树型结构(javascript+css+html)

    JavaScript是实现树型结构动态交互的关键。通过监听用户的点击事件,我们可以改变HTML结构的展示状态。以下是一个简单的示例,使用原生JavaScript实现节点的展开和折叠: ```javascript document.querySelectorAll...

    layui树型表格js

    layui树型表格js

    漂亮的JS多级树型下拉菜单

    当涉及到多级树型结构时,JS(JavaScript)的运用可以创建出既美观又功能强大的下拉菜单。本篇文章将深入探讨如何利用JS实现漂亮的多级树型下拉菜单,并分享一些关键的技术要点。 首先,我们要理解树形结构的本质。...

Global site tag (gtag.js) - Google Analytics