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

源码地址：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. SQL2005的cte递归查询子树

    ;with cteas(select id,caption,parentid,1 Gen from skywfflow where parentid =0UNION ALL select a.id,a ...

  2. nrf51822裸机教程-GPIO

    首先看看一下相关的寄存器说明 Out寄存器 输出设置寄存器 每个比特按顺序对应每个引脚,bit0对应的就是 引脚0 该寄存器用来设置 引脚作为输出的时候的 输出电平为高还是低. 与输出设置相关的 还有 ...

  3. 【Java 基础篇】【第一课】HelloWorld

    有点C++基础,现在需要快速的学会java,掌握java,所以就这样了,写点博客,以后看起来也好回顾. 1.第一步 javaSDK和Eclipse下载就不说了,搞定了这两样之后: 2.打开Eclips ...

  4. 让android webView使用系统默认浏览器内核直接解析，不弹出选择浏览器选项

    遇到一个需求,要求浏览网页的页面不去启动其他的浏览器,全部在自身的应用中. 解决方法 webview.setWebViewClient(new WebViewClient() { @Override ...

  5. Java 实现导出excel表 POI

    1.首先下载poi-3.6-20091214.jar 2.Student.java import java.util.Date; public class Student { private int ...

  6. 递归函数与fibonacci

    1.递归函数 1.1来个例子 def f(n): if n == 1: return 1 return n * f(n-1) print(f(5)) 结果为:120 即5的阶乘 通过这个例子来看递归函 ...

  7. eclipse中hibernate逆向工程出错

    问题已解决!原因是Console configuration的信息编辑有误. 上图中Database connection,如果有已编辑好的可用连接信息就选择,没有的情况下就new一个 如果没有Dri ...

  8. sell-- wordPOI

    1. http://poi.apache.org/ 2.创建项目,结构如下 三: 查看效果 打开: 测试源码: /* ========================================= ...

  9. ajax 调用asp.net后台方法

    ajax 调用asp.net后台方法  这种做法有好几种,如调用xx.asxh 页面,或者直接调用xx.aspx也面,在page_Load中进行一些判断然后调用后面的其他方法, 或者你可以直接调用we ...

  10. Docker网络基础

    大量的互联网应用服务包括多个服务组件,这往往需要多个容器之间通过网络通信进行相互配合. Docker目前提供了映射容器端口到宿主主机和容器互联机制来为容器提供网络服务. 端口映射实现访问容器: 在启动 ...