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

源码地址：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. freebsd 显示中文

    来自 :http://francs3.blog.163.com/blog/static/405767272014659311700/ 只需在 ~/.cshrc 文件添加以下几行即可. --3 在~/. ...

  2. MSChart参考

    MSChart在vs2008中使用遇到一个问题,坐标轴的标题为中文时被图表区域遮挡了一部分. 解决办法:在说明文字前加\n实现换一行显示. //this.Chart1.ChartAreas[0].Ax ...

  3. js实现表格中不同单元格内容的替换（不同浏览器的节点属性兼容问题）

      ------->   效果:点击右下角单元格,左下角单元格内容被替换成和左上角相同,如上图所示. 实现方式:分别获取各个节点,并将左边节点的内容修改成左上方节点的内容. 代码: 注意的地方: ...

  4. Stakeholder Risk Management

    In this article we'll address the people swirling around your project: stakeholders. You'll find som ...

  5. spring mvc 静态资源 404问题

    spring mvc 静态资源 404问题 在web.xml配置servlet-mapping的时候,如果url-pattern设置为"/" (如下),很多人都会遇到导入js,cs ...

  6. 修改seacherbar 取消按钮属性

    继承UISearchBar.   重载setShowCancelButton. [super xxx]; ... for (UIView *subview in self.subview) { if ...

  7. 30天，O2O速成攻略【8.30南京站】

    活动概况 时间:2015年8月30日13:30-16:30 地点:啡咖啡·孵化器(南京市玄武大道699-22号江苏软件园22栋) 主办:APICloud.Udesk.人为峰 网址:www.apiclo ...

  8. [BS] 小知识点总结-05

    [BS] 小知识点总结-05 1. 不论UIWindow的rootViewController是navC.tabBarC还是VC,也不管modalVC和rootVC中间隔着多少个VC,但是modal出 ...

  9. sql拼接字符串和转换类型

    select top 10 a.ID as a_ID,a.Name as a_Name,c.* from (select * from DC_Trees where Pid=187 or ID=187 ...

  10. Android解决java.lang.OutOfMemoryError: bitmap size exceeds VM budget(转)

    昨天遇到这个问题就是从一个输入流里调用BitmapFactory.decodeStream(this.getContentResolver().openInputStream(uri))得到一个bit ...