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

源码地址：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. from xml

    /** * 将xml转为array * @param string $xml * @throws WxPayException */ public function FromXml($xml) { i ...

  2. zendstudio

    如何查看大纲类 1.浏览 ->大纲    2.窗口->显示视图->大纲 在php中 右键 ->源代码->格式,方便我们整理代码

  3. Hibernate中in语句ids

    Query query=session.createQuery("from User where id in (:ids)"); query.setParameterList(&q ...

  4. robot framework数据库操作

    1.连接数据库 2.数据库查询操作 3.断开数据库连接 4.对数据库进行读取,实现登录功能实例

  5. 使用Storm实现实时大数据分析

    摘要:随着数据体积的越来越大,实时处理成为了许多机构需要面对的首要挑战.Shruthi Kumar和Siddharth Patankar在Dr.Dobb’s上结合了汽车超速监视,为我们演示了使用Sto ...

  6. 几个系统调用分析 glibc中的malloc调用和共享内存原理

    本文主要分析内存以及I/O相关的系统调用和库函数的实现原理,根据原理给出在使用过程中需要注意的问题和优化的侧重点,本文涉及到的系统调用包括readahead,pread/pwrite,read/wri ...

  7. InitializingBean afterPropertiesSet

    package org.test.InitializingBean; import org.springframework.context.support.ClassPathXmlApplicatio ...

  8. 用Visual Studio 2012+Xamarin搭建C#开发Andriod的环境

    第一步:安装Visual Studio: Visual Studio 2012(或者Visual Studio 2010),原因是目前为止Xamarin for Visual Studio的插件只支持 ...

  9. CentOS安装Git

    准备安装Gityum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel perl-devel #下载git-1 ...

  10. [gerrit] Auto Add Reviewer When Push Code

    1. ${PROJECT_ROOT}/.git/config 加入如下代码 [remote "review"] url = ssh://${username}@codeserver ...