折叠、展开、有复选框、没有复选框：

源码地址：http://download.csdn.net/detail/poiuy1991719/8571255

效果图：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<html>

<head>

<title>ligerTree</title>

<!-- 1:引入文件：jquery.js，ligerui-tree.css，ligerTree.js -->

<script src="lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>

<link href="lib/ligerUI/skins/Aqua/css/ligerui-tree.css"

    rel="stylesheet" type="text/css" />

<script src="lib/ligerUI/js/plugins/ligerTree.js" type="text/javascript"></script>

<script type="text/javascript">

    //-- 3：调用ligerTree -->

    $(function() {

        //-- 3.1:默认有复选框 -->

        $("#tree1").ligerTree();

        //-- 3.2:没有复选框 -->

        $("#tree2").ligerTree({

            checkbox : false

        });

        //-- 3.3:不适用复选框、图标 -->

        $("#tree3").ligerTree({

            checkbox : false,

            parentIcon : null,

            childIcon : null

        });

    });

</script>

</head>

<body>

    不同样式的“树”效果<br>

    <!--2:加入HTML  -->

    <!-- 2.1:默认有复选框 -->

    <a href="index2.jsp"></a>

    有复选框：

    <br>

    <ul id="tree1">

        <li><span>节点01</span>

            <ul>

                <li><span>节点1.1.1</span></li>

                <li><span>节点1.1.1</span></li>

            </ul></li>

        <li><span>节点02</span></li>

    </ul>

    <!-- 2.2:默认有复选框 -->

    <br>没有复选框

    <br>

    <ul id="tree2">

        <li><span>节点01</span>

            <ul>

                <li><span>节点1.1.1</span></li>

                <li><span>节点1.1.1</span></li>

            </ul></li>

        <li><span>节点02</span></li>

    </ul>

    <!-- 2.3:默认有复选框 -->

    <br>不适用复选框、图标

    <br>

    <ul id="tree3">

        <li><span>节点01</span>

            <ul>

                <li><span>节点1.1.1</span></li>

                <li><span>节点1.1.1</span></li>

            </ul></li>

        <li><span>节点02</span></li>

    </ul>

    <br><a href="index3.jsp"> 下一效果： </a>

</body>

</html>

ligerui_ligerTree_001_第一个“树”效果的更多相关文章

  1. CART分类与回归树与GBDT(Gradient Boost Decision Tree)

    一.CART分类与回归树 资料转载: http://dataunion.org/5771.html        Classification And Regression Tree(CART)是决策 ...

  2. 机器学习-树模型理论（GDBT，xgboost，lightBoost，随机森林）

    tree based ensemble algorithms 主要介绍以下几种ensemble的分类器(tree based algorithms) xgboost lightGBM: 基于决策树算法 ...

  3. 【zTree】zTree展开树节点

    今天在做zTree树的时候想着将第一级tree展开,于是利用下面方法: /** * 展开树节点的第一层 */ function openFirstTreenode(){ // 获取树对象 var tr ...

  4. 集成方法：渐进梯度回归树GBRT（迭代决策树）

    http://blog.csdn.net/pipisorry/article/details/60776803 单决策树C4.5由于功能太简单.而且非常easy出现过拟合的现象.于是引申出了很多变种决 ...

  5. 机器学习（七）—Adaboost 和 梯度提升树GBDT

    1.Adaboost算法原理,优缺点: 理论上任何学习器都可以用于Adaboost.但一般来说,使用最广泛的Adaboost弱学习器是决策树和神经网络.对于决策树,Adaboost分类用了CART分类 ...

  6. 机器学习 | 详解GBDT梯度提升树原理，看完再也不怕面试了

    本文始发于个人公众号:TechFlow,原创不易,求个关注 今天是机器学习专题的第30篇文章,我们今天来聊一个机器学习时代可以说是最厉害的模型--GBDT. 虽然文无第一武无第二,在机器学习领域并没有 ...

  7. 树堆（Treap）学习笔记 2020.8.12

    如果一棵二叉排序树的节点插入的顺序是随机的,那么这样建立的二叉排序树在大多数情况下是平衡的,可以证明,其高度期望值为 \(O( \log_2 n )\).即使存在一些极端情况,但是这种情况发生的概率很 ...

  8. Treevalue(0x02)——函数树化详细解析（上篇）

    本文将对 func_treelize 这一treevalue库中的核心功能进行详细的原理解析. 关于treevalue的概述,可以参考之前的文章:Treevalue(0x01)--功能概述 树化函数基 ...

  9. 简单入门canvas - 通过刮奖效果来学习

    一 .前言 一直在做PC端的前端开发,从互联网到行业软件.最近发现移动端已经成为前端必备技能了,真是不能停止学习.HTML5新增的一些东西,canvas是用的比较多也比较复杂的一个,简单的入门了一下, ...

随机推荐

  1. JS使用ActiveXObject读取数据库代码示例（只支持IE）

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. python 十进制 十六进制

    把十六进制的字串转为十进制数字:>>> print int('ff', 16)   255 把十进制数字转换为以十六进制表示之字串,可调用内置的hex()函数:>>> ...

  3. 设计模式：观察者模式（Observer）

    定  义:定义了一种一对多的依赖关系,让多个观察者对象同时监听某一主题对象.这个主题对象在状态发生 变化时,会通知所有观察者对象,使他们能够自动更新自己. 结构图: 抽象主题类: abstract c ...

  4. ar1020 驱动移植 无效

    移植ar1020的spi驱动.驱动移植过来后,在原来的板子上都能够正常运行,而在新的板子却没有效果. 最后查看新旧板子的AR1020的电路,发现M2引脚连接不同.M2高电平连接的touch是5线的接口 ...

  5. 树莓派连接wifi

    使用树莓派,通过无线网卡连接wifi,再通过远程桌面或者ssh的连接树莓派比较方便,本文记录树莓派wifi如何设置. 参考链接: http://www.jianshu.com/p/b42e8d3df4 ...

  6. apache httpclient 4.5 兼容 http https

    String responseContent = ""; try { SSLContextBuilder contextBuilder = new SSLContextBuilde ...

  7. SQL server 2012

    MICROSOFT SQL SERVER 2012 企业核心版激活码序列号: FH666-Y346V-7XFQ3-V69JM-RHW28MICROSOFT SQL SERVER 2012 商业智能版激 ...

  8. LeetCode Course Schedule II

    原题链接在这里:https://leetcode.com/problems/course-schedule-ii/ 题目: There are a total of n courses you hav ...

  9. iOS：访问地址薄

    地址簿的访问 介绍: 地址簿(Address Book)是一个共享的联系人信息数据库.任何iOS应用程序都可以使用.通过提供常用联系人信息,而不是让每一个应用程序管理独立的联系人列表,可改善用户体验. ...

  10. 12岁的少年教你用Python做小游戏

    首页 资讯 文章 频道 资源 小组 相亲 登录 注册       首页 最新文章 经典回顾 开发 设计 IT技术 职场 业界 极客 创业 访谈 在国外 - 导航条 - 首页 最新文章 经典回顾 开发 ...