html+树形链接,html树形菜单控件

html树形菜单控件  链接 http://www.ithao123.cn/content-713974.html

jQuery plugin: Treeview

这个插件能够把无序列表转换成可展开与收缩的Tree。

fee3e1c5b3b7791507433ae0077d69b0.jpg

主页:http://bassistance.de/jquery-plugins/jquery-plugin-treeview/

下载:http://jquery.bassistance.de/treeview/jquery.treeview.zip

示例:http://jquery.bassistance.de/treeview/demo/

jstree

jsTree是一个基于jQuery的Tree控件。支持XML,JSON,Html三种数据源。提供创建,重命名,移动,删除,拖放节点操作。可以自己自定义创建,删除,嵌套,重命名,选择节点的规则。在这些操作上可以添加多种监听事件。

e4facff233c3597fdf4460919d48fcc9.jpg

主页:http://code.google.com/p/jstree/

下载:http://jstree.googlecode.com/files/jsTree.v.0.9.6.zip

示例:http://jstree.com/jsTree/examples

FileTreePanel

FileTreePanel扩展至Ext.tree.TreePanel附带基本的文件/文件夹管理功能。其它还包括文件上传,重命名,删除,新建与移动。

aea85c62769d4154287f2ad2b1237086.png

主页:http://extjs.com/learn/Extension:FileTree

下载:http://extjs.com/learn/Extension:FileTree

示例:http://aariadne.com/filetree

jQuery File Tree

jQuery File Tree是一个可配置的Ajax文件浏览器jQuery插件。可以通过CSS定制外观,指定文件树展开图标,可以自己定义展开/收缩事件、速度,配置加载信息等。 jQuery File Tree通过Ajax来获取文件信息。

c59b41f234ef13c27f9a882edb98c1a6.jpg

主页:http://abeautifulsite.net/notebook.php?article=58

下载:http://abeautifulsite.net/notebook_files/58/jqueryFileTree.zip

示例:http://abeautifulsite.net/notebook_files/58/demo/

dhtmlxTree

dhtmlxTree是一个功能丰富的Tree Menu控件。提供丰富的操作API,AJAX支持和drag-n-drop功能。

25924d3719ab6a779b19222b74f87c14.jpg

主页:http://dhtmlx.com/docs/products/dhtmlxTree/

下载:http://www.dhtmlx.com/docs/download/dhtmlxTree.zip

示例:http://dhtmlx.com/docs/products/dhtmlxTree/

dTree

dTree是一个易于使用的JavaScript树形菜单控件。支持无限分级,可以在同一个页面中放置多个dTree,可以为每个节点指定不同的图标。

c4a12b3287d4cb6755dafc6f927a9649.jpg

主页:http://destroydrop.com/javascripts/tree/default.html

下载:http://destroydrop.com/javascripts/tree/dtree.zip

示例:http://destroydrop.com/javascripts/tree/default.html

Yahoo! UI Library: TreeView

YUI TreeView Control这个树形组件,支持通过XMLHttpRequest对象动态加载节点数据,自定义每一个节点metadata。

180a9c9149f9d905140b69394c876ceb.gif

主页:http://developer.yahoo.com/yui/treeview/

下载:http://developer.yahoo.com/yui/download/

示例:http://developer.yahoo.com/yui/examples/treeview/default_tree.html

Fonshen JS MenuTree

风声JS菜单树,程序基于JavaScript/XHTML/CSS标准实现。支持丰富的功能/表现定制:拥有表现和数据分离,单页面可以应用多个无限级菜单树,多达4种展开模式,风格样式定义结构清晰、灵活又精细等等特性。

246b6e3dc1ac96b69849e35467be93a0.jpg

主页:http://www.fonshen.com/MenuTree/

下载:p://www.fonshen.com/MenuTree/MenuTree.rar

示例:http://www.fonshen.com/MenuTree/demo/index.htm

Control.Treeview

采用Mootools开发的树形菜单控件。支持通过Ajax动态获取节点,设置默认选中某些节点。

6e72761257050fe201c880a729ef49cd.jpg

主页:http://meteora.astrata.com.mx/pages/demo/control-treeview

下载:http://meteora.astrata.com.mx/pages/demo/control-treeview

示例:http://meteora.astrata.com.mx/pages/demo/meteora-treeview

Folder Tree

文件夹树形控件。支持利用拖放(drag and drop)操作来重新排序节点,利用Ajax更新节点。

8994de67ecbb0db52881243728d0dfe0.jpg

主页:http://www.dhtmlgoodies.com/index.html?page=folderTree

下载:http://www.dhtmlgoodies.com/index.html?whichScript=drag-drop-folder-tree

示例:http://www.dhtmlgoodies.com/scripts/drag-drop-folder-tree/drag-drop-folder-tree.html

TafelTree-view

TafelTree-view是一个基于Prototype与Script.aculo.us开发的树形控件。支持拖放操作,Ajax更新节点等。

7a31cdec7e897619826760007e5c65a0.gif

主页:http://tafel.developpez.com/site/lang/en/samples.php

下载:http://prdownloads.sourceforge.net/tafeltree/tafelTree_1_9_1.zip?download

示例:http://tafel.developpez.com/site/lang/en/samples.php

DHTML Tree

这是一个基于标准

  • Html结构构造的Tree控件。

742253e7743542cdb42c625726aeae59.jpg

主页:http://www.javascripttoolbox.com/lib/mktree/

下载:http://www.javascripttoolbox.com/lib/mktree/

示例:http://www.javascripttoolbox.com/lib/mktree/

dFTree

dFTree是一个javascript+css Folder Tree支持利用Ajax技术动态新增/删除/修改节点等功能。

7393b5f4e5d0ec63a69b5f0b955135cf.jpg

主页:http://dftree.wiki.sourceforge.net/home

下载:http://dftree.wiki.sourceforge.net/home

示例:http://dftree.wiki.sourceforge.net/Examples

CheckTree

带Checkbox的树型jQuery插件。

fd725d310ae362f8bd132aaa5db374d9.jpg

主页:http://static.geewax.org/checktree/index.html

下载:http://jquery-checktree.googlecode.com/

示例:http://static.geewax.org/checktree/index.html

JxLib

JxLib是一个基于Mootools开发的Web UI库。类似于jQuery UI、Ext JS或Dijit。拥有丰富文档和示例。提供的主要UI控件包括:

layout managers

buttons

tabs

toolbars

dialogs

panels

trees

grid control

b02fb6c19f4e5934ab66e37c0c5e7f3a.jpg

主页:http://jxlib.org

下载:http://jxlib.googlecode.com/files/jxlib-2.0-beta-6.zip

示例:http://jxlib.org/reference/examples/about.html

Mif.Tree

Mif.Tree是一个利用MooTools开发的树形菜单控件。其代码非常灵活,能够让你控制导航的每一部分如:添加新的节点;拖放节点;排序,定义显示外观等。Mif.Tree还支持通过键盘进行浏览,支持带有checkbox控件的Tree menus。

1ebc733def594370ca4a518db2fa8639.jpg

主页:http://mifjs.net/tree/

下载:http://mifjs.net/tree/

示例:http://mifjs.net/tree/

MooTools Tree-Component

支持Drag&Drop操作,采用Mootools开发的树形控件。

b9742d0f14567beea4e3d1d523c5b3c5.jpg

主页:http://og5.net/christoph/article/MooTools_Tree_Component

下载:http://og5.net/christoph/Scripts/Tree/tree.zip

示例:http://og5.net/christoph/Scripts/Tree/

JQTreeTable

JQTreeTable这个jQuery插件能够将普通的HTML表格转换成带有嵌有Tree控件的表格。

4149a2f1eb037bb524b9db906f8cfa25.jpg

主页:http://www.hanpau.com/index.php?page=jqtreetable

下载:http://www.hanpau.com/extra/jqtreetable.zip

示例:http://www.hanpau.com/index.php?page=jqtreetable

jQuery Simple Tree

jQuery Simple Tree是一个可拖放的树形控件。支持通过Ajax动态加载树节点,具有简单易于使用和漂亮的外观等特点。

96813c9ba6f11031345ba63e4ecccdc8.jpg

主页:http://news.kg/wp-content/uploads/tree/

下载:http://news.kg/wp-content/uploads/tree/simpleTreeD&D.zip

示例:http://news.kg/wp-content/uploads/tree/d&d/

NotesForMenu

NotesForMenu是一个非常简单的jQuery插件用于创建多层级树形菜单,只需一行代码就能够实现。

b8beb347be399ec5ade384a28784b01e.jpg

主页:http://www.notesfor.net/post/NotesForMenu.aspx

下载:http://www.notesfor.net/JQuery/NotesForMenu/NotesForMenu.zip

示例:http://www.notesfor.net/JQuery/NotesForMenu/R1.0/Default.htm

wdTree

wdTree是一个轻量级jQuery插件用于展示带有复选框的树形控件。支持从数据库懒加载节点,可以配置节点属性。

6349673cd1d9753ed7de7460b2da3ddc.jpg

主页:http://www.web-delicious.com/jquery-plugins/#tree

下载:http://www.web-delicious.com/jquery-plugins-demo/wdTree.zip

示例:http://www.web-delicious.com/jquery-plugins-demo/wdTree/huge-data-tree-sample.htm

AdubyTree

AdubyTree是一个带有checkbox复选框的树形jQuery插件。

支持XML和JSON两种数据格式

支持本地数据和动态 AJAX远程数据。

支持checkbox复选框,方便实际应用。

自带basic、books、org、orguser、vista五套主题,用户可以扩展定制主题。

74404fdd13dcbb125bbde4732ae6afec.jpg

主页:http://code.google.com/p/jquery-adubytree/

下载:http://code.google.com/p/jquery-adubytree/downloads/list

示例:http://code.google.com/p/jquery-adubytree/

zTree

利用Jquery的核心代码,实现一套能完成大部分常用工作的Tree功能

兼容 IE、FireFox、Chrome 等浏览器(对于IE 6.0的兼容问题将不做特殊维护)

在一个页面内可同时生成多个 Tree 实例

支持 JSON 数据

支持一次性静态生成 和 Ajax异步加载 两种方式

支持多种事件响应及反馈

支持 Tree 的节点移动

支持任意更换皮肤(依靠css)

支持极其灵活的Checkbox选择功能

个性化图标

简单的参数配置实现 灵活多变的功能

7261f18f30760ec7eeb3a4dfef35cdae.png

主页:http://code.google.com/p/jquerytree/

下载:http://code.google.com/p/jquerytree/downloads/list

示例:http://code.google.com/p/jquerytree/

Lightweight TreeList widget

这是一个利用jQuery UI Widget Factory创建的轻量级,可换肤树形列表控件。

a21ab99397ffa4ed0adc65f70146f841.jpg

主页:http://www.jordivila.net/lightweight-treelist-widget.html

下载:http://www.jordivila.net/lightweight-treelist-widget.html

示例:http://www.jordivila.net/code/js/jquery/ui-widgetTreeList/widgetTreeList.aspx

jQuery LigerUI

简介 LigerUI是基于jQuery开发的一系列控件组,包括表单、布局、表格等等常用UI控件 使用LigerUI可以快速创建风格统一的界面效果。

8dd5bf9e476f88a6344766d9e14412bd.jpg

主页:http://code.google.com/p/ligerui/

下载:http://code.google.com/p/ligerui/downloads/detail?name=LigerUI.Demos%2820110404%29.rar&can=2&q=

示例:http://demo.ligerui.com/

一个对JQuery Dynatree进行封装的插件 - MagicDTree

MagicDTree是 JQuery 著名树形插件Dynatree的包装类,增加右键菜单,添加、删除、更新接口。

2c685ffea666630e29d3ceb38dcf6352.png

主页:http://www.boarsoft.com/javascript/dtree

下载:http://www.boarsoft.com/javascript/dtree

示例:http://www.boarsoft.com/javascript/dtree

JS树状菜单和表格控件 Tabletree4j

TableTree4J 是一个开源的基于javascript的树状菜单和表格控件,实用TableTree4J可以轻易实现带树状折叠效果的表格和树状折叠菜单。

支持以下功能:

1.多种模式切换,样式更改 2.cookies保存树状状态 3.节点自定义排序 4.全浏览器支持 5.支持所有树状控件的基本功能 6.丰富的API文档和多种展示例子,中英文语言选择

afb23271cdd90cc9db29046c15366978.jpg

主页:http://sourceforge.net/projects/tabletree4j/

下载:http://sourceforge.net/projects/tabletree4j/

示例:http://sourceforge.net/projects/tabletree4j/

wdTree

wdTree是一个轻量级jQuery插件用于创建一个带有嵌套Check Boxe的树形控件。它拥有以下特性:

父子节点选中

从数据库懒加树节点

可配置的节点属性

b6918477c82404e64d7627f033286e12.png

主页:http://www.web-delicious.com/jquery-plugins-demo/wdTree/huge-data-tree-sample.htm

下载:http://www.web-delicious.com/jquery-plugins-demo/wdTree/huge-data-tree-sample.htm

示例:http://www.web-delicious.com/jquery-plugins-demo/wdTree/huge-data-tree-sample.htm

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值