ligerui_ligerTree_001_第一个“树”效果
折叠、展开、有复选框、没有复选框：
源码地址：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_第一个“树”效果的更多相关文章
- CART分类与回归树与GBDT(Gradient Boost Decision Tree)
一.CART分类与回归树 资料转载: http://dataunion.org/5771.html Classification And Regression Tree(CART)是决策 ...
- 机器学习-树模型理论（GDBT，xgboost，lightBoost，随机森林）
tree based ensemble algorithms 主要介绍以下几种ensemble的分类器(tree based algorithms) xgboost lightGBM: 基于决策树算法 ...
- 【zTree】zTree展开树节点
今天在做zTree树的时候想着将第一级tree展开,于是利用下面方法: /** * 展开树节点的第一层 */ function openFirstTreenode(){ // 获取树对象 var tr ...
- 集成方法：渐进梯度回归树GBRT（迭代决策树）
http://blog.csdn.net/pipisorry/article/details/60776803 单决策树C4.5由于功能太简单.而且非常easy出现过拟合的现象.于是引申出了很多变种决 ...
- 机器学习（七）—Adaboost 和 梯度提升树GBDT
1.Adaboost算法原理,优缺点: 理论上任何学习器都可以用于Adaboost.但一般来说,使用最广泛的Adaboost弱学习器是决策树和神经网络.对于决策树,Adaboost分类用了CART分类 ...
- 机器学习 | 详解GBDT梯度提升树原理，看完再也不怕面试了
本文始发于个人公众号:TechFlow,原创不易,求个关注 今天是机器学习专题的第30篇文章,我们今天来聊一个机器学习时代可以说是最厉害的模型--GBDT. 虽然文无第一武无第二,在机器学习领域并没有 ...
- 树堆（Treap）学习笔记 2020.8.12
如果一棵二叉排序树的节点插入的顺序是随机的,那么这样建立的二叉排序树在大多数情况下是平衡的,可以证明,其高度期望值为 \(O( \log_2 n )\).即使存在一些极端情况,但是这种情况发生的概率很 ...
- Treevalue(0x02)——函数树化详细解析（上篇）
本文将对 func_treelize 这一treevalue库中的核心功能进行详细的原理解析. 关于treevalue的概述,可以参考之前的文章:Treevalue(0x01)--功能概述 树化函数基 ...
- 简单入门canvas - 通过刮奖效果来学习
一 .前言 一直在做PC端的前端开发,从互联网到行业软件.最近发现移动端已经成为前端必备技能了,真是不能停止学习.HTML5新增的一些东西,canvas是用的比较多也比较复杂的一个,简单的入门了一下, ...
随机推荐
- Activity初步，初学者必看
Activity是什么? Activity是一个可与用户交互并呈现组件的视图.通俗说就是运行的程序当前的这个显示界面. 如果你还不明白,那么你写过HTML吗,它就好比一个网页.我们程序中的用户视图,都 ...
- jQuery对象与JS原生dom对象之间的转换
jQuery就是JS的一个扩展库,工具库,提供很多方便快捷的方法,所以将JS对象转换为jQuery对象后,能更方便地操作这个对象.但是jQuery对象也不是万能的,有一些JS对象有的能,jQuery对 ...
- handler机制的原理
andriod提供了Handler 和 Looper 来满足线程间的通信.Handler先进先出原则.Looper类用来管理特定线程内对象之间的消息交换(MessageExchange). 1)Loo ...
- Magento 安装时文件权限 设置
http://www.magentocommerce.com/wiki/1_-_installation_and_configuration/magento_filesystem_permission ...
- iOS系统自带正则表达式简单运用
//组装一个字符串,把里面的网址解析出来 NSString *urlString = @"sfdshttp://www.baidu.com"; NSError *error; // ...
- placeholder兼容
<!------------placeholder兼容-------------><script type="text/javascript"> $( ...
- stasm+三角剖分
- 简述Mesos API–files
Below is a set of endpoints available on a Mesos agent. These endpoints are reachable at the address ...
- 在Visual Studio 2015中运行OPENGL
Starting an OpenGL project in VS 2015 is really easy, thanks to the NupenGL.Core nuget package. Here ...
- centOS中wget的使用方法
对于 Linux 用户来说,几乎每天都在使用它. 下面为大家介绍几个有用的 CentOS wget 小技巧,可以让你更加高效而灵活的使用CentOS wget. CentOS wget 使用技巧 $ ...