javascript入门 之 ztree(五 自定义字体)
2024-09-07 02:44:34
<!--<!DOCTYPE html>-->
<!--<HTML>-->
<!--<HEAD>-->
<!--<TITLE>zTree测试</TITLE>-->
<!--<meta http-equiv="content-type" content="text/html; charset=UTF-8">-->
<!--<link rel="stylesheet" href="../bower_components/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">-->
<!--<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>-->
<!--<script type="text/javascript" src="../bower_components/ztree/js/jquery.ztree.all-3.5.js"></script>-->
<!--<SCRIPT LANGUAGE="JavaScript">-->
<!--var zTreeObj;-->
<!--// zTree 的参数配置,深入使用请参考 API 文档(setting 配置详解)-->
<!--var setting = {};-->
<!--// zTree 的数据属性,深入使用请参考 API 文档(zTreeNode 节点数据详解)-->
<!--var nodes = [-->
<!--{name: "父节点1", children: [-->
<!--{name: "子节点1"},-->
<!--{name: "子节点2"}-->
<!--]}-->
<!--];-->
<!--$(document).ready(function(){-->
<!--zTreeObj = $.fn.zTree.init($("#first"), setting, nodes);-->
<!--});-->
<!--</SCRIPT>-->
<!--</HEAD>-->
<!--<BODY>-->
<!--<div>-->
<!--<ul id="first" class="ztree"></ul>-->
<!--</div>-->
<!--</BODY>-->
<!--</HTML>--> <!DOCTYPE html>
<HTML>
<HEAD>
<TITLE> ZTREE DEMO - Standard Data </TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../bower_components/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="../bower_components/ztree/js/jquery.ztree.all-3.5.js"></script>
<SCRIPT type="text/javascript"> var setting = {
view: {
fontCss: getFont,
nameIsHTML: true
}
}; var nodes =[
{ name:"百度", font:{'font-weight':'bold'} ,url:"http://www.baidu.com/", target:"_blank"}, //超链接到 百度
{ name:"斜体字", font:{'font-style':'italic'}},
{ name:"有背景的字", font:{'background-color':'black', 'color':'white'}},
{ name:"红色字", font:{'color':'red'}},
{ name:"蓝色字", font:{'color':'blue'}},
{ name:"<span style='color:blue;margin-right:0px;'>view</span>.<span style='color:red;margin-right:0px;'>nameIsHTML</span>"},
{ name:"zTree 默认样式"}
]; function getFont(treeId, node) {
return node.font ? node.font : {};
} $(document).ready(function(){
$.fn.zTree.init($("#sys"), setting, nodes);
}); </SCRIPT> </HEAD> <BODY>
<div class="content_wrap">
<div class="zTreeDemoBackground left">
<ul id="sys" class="ztree"></ul>
</div>
</div>
</BODY>
</HTML>
最新文章
- RabbitMQ 消息确认机制
- Centos下防止暴力破解密码 - Denyhost
- C++数据结构之链式队列(Linked Queue)
- 面向 Java 开发人员的 Ajax: 构建动态的 Java 应用程序
- Mongo常用操作
- IOS横竖屏控制与事件处理
- hdoj 2 括号配对问题【数组模拟实现+STL实现】
- topcoder算法练习2
- UVA 103 Stacking Boxes 套箱子 DAG最长路 dp记忆化搜索
- (转)ios跳转到通用页面
- UITextField 之 失去焦点 收起键盘
- the c programing language 学习过程5
- safari10.0以上版本出现默认小人头图标
- C++反汇编(一)
- elasticsearch之入门hello(java)一
- 20170709pptVBA递归删除LOGO图片与文字
- SPA页面缓存再优化二
- Trie-648. Replace Words
- 利用cocoapods创建基于git的私有库Spec Repo
- STL Queue 容器
热门文章
- Canvas方法总结
- 浅谈CSRF(跨站请求伪造)攻击方式
- 部署prometheus监控kubernetes集群并存储到ceph
- Jmeter——如何使得token在各线程组间引用的游刃有余
- SpringCloud微服务:Sentinel哨兵组件,管理服务限流和降级
- SpringBoot的启动流程是怎样的?SpringBoot源码(七)
- 从零开始学习R语言(一)——数据结构之“向量”(Vector)
- Linux下MySQL主主同步
- upload-labs学习笔记
- ICLR 2020 | 抛开卷积,multi-head self-attention能够表达任何卷积操作