符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
当然是在页面里设置啦,单击treeview属性,很多外观属性设置,NodeStyle-CssClass,RootNodeStule-CssClass.....很多,可以外部引用
我们提供的服务有:成都网站制作、做网站、微信公众号开发、网站优化、网站认证、龙凤ssl等。为上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的龙凤网站制作公司
类型
* {填充:0;保证金:0;}
位置:相对。树{;}
树的div。{ position:绝对;宽度:0;高度:0;}
树。木材{宽度:20px;高度:50px;背景颜色:灰色;左:50%;margin-left: - 10px;顶:170px;}
。A1 {边境:40px固绿;边境上:40px固体# FFF;左:50%;margin-left: - 40px;高层:0;}
A2。{左边界:40px固绿;边境上:40px固体# FFF;左:50%;高层:0;}
B1。{边界:70px固体绿;边境上:固体# FFF 70px;左:50%;margin-left: - 70px;顶:20px;}
。B2 {左边界:70px固体绿;边境上:固体# FFF 70px;左:50%;顶部20px;}
。C1 {边界:100px固绿;边境上:100px固体# FFF;左:50%;margin-left: - 100px;顶:70px;}
C2。{左边界:100px固绿;边境上:100px固体# FFF;左:50%;顶:70px;}
/样式
<div class=“树”
<div class=“木” 数据
<div></div = C1类><div></div = C2类
<div></div = B1类><div></div = b2类
<div class=“A1”></div><div class=“A2” 数据
数据
1、首先在zTreeStyle/img 中添加你想修改样式的图片,下面是处理好的图tree.png片,给大家使用下。
2、在zTree_v3/css/ zTreeStyle/zTreeStyle.css把背景图路径换成自己的图片。
3、最后就是找位置,找到你想用图标的位置。如下面表示当修改不点击时复选框样式。
这里给你列了CSS适用的一张表。
class选择器 对应的样式 适用控件
.fr-texteditor 文本区域边框,字样(大小,颜色,字体等) 文本、文本域、下拉框、下拉复选框、树、日期
.fr-texteditor-focus 获取焦点后的文本框的边框、字样 文本、文本域、下拉框、下拉复选框、树、日期
.fr-combo-list-item 下拉项的边框、字样 下拉框、下拉复选框
.fr-combo-selected 获得焦点的下拉项的字样,边框、背景色 下拉框、下拉复选框
.fr-checkbox-control 全选/反选的背景、字样、边框 下拉复选框
.fr-list-bwrap 列表控件的背景色 列表
.fr-list-bwrap li 字样 列表
.fr-list-node-over 鼠标移动上去的列表项背景色,字体颜色 列表
.fr-list-node-selected 被选中的列表项的背景色,字体颜色 列表
.fr-tree-body 树列表的样式(背景色、字体等) 树
.fr-tree-no-lines .fr-tree-elbow-plus 加号图标样式 树
.fr-tree-node-collapsed .fr-tree-node-icon 未展开的文件夹图标样式 树
.fr-tree-no-lines .fr-tree-elbow-minus 减号图标样式 树
.fr-tree-node-expanded .fr-tree-node-icon 已展开的文件夹图标样式 树
.fr-tree-node-leaf .fr-tree-node-icon 子节点图标样式 树
.fr-calendar thead .fr-date-top 标题行的背景颜色 日期
.fr-calendar thead .headrow 年月选择行的背景颜色
.fr-calendar thead .daynames 星期行的背景颜色
.fr-calendar tfoot .footrow 功能按钮行的背景颜色
.fr-calendar thead .hilite 置鼠标移动到日期头按钮上时的背景色,边框,字体颜色;
.fr-calendar thead .active 鼠标点击日期头按钮时的背景色
.fr-calendar tfoot .hilite 鼠标标移动到日期尾按钮上时的背景色,边框,字体颜色
.fr-calendar tbody td.active 鼠标点击日期主体按钮时的背景色
.fr-calendar tbody td.selected 当前选中天的背景色,字体颜色,大小,边框;
.fr-calendar tbody td.today 设置今天的字体颜色,大小,边框。
具体CSS的编写,你可以去看FineReport的帮助文档
你用Chrome的Development Tool可以发现,这个iconCls已经放进去了 但是没有显示。
我自己写了一个 tree-offline的css样式哈这个不算。
找到tree-icon的子元素然后改掉class就可以。
如下所示:
var icons = $(node.target).find("span.tree-icon");
if (icons) {
if (online) {
$(icons[0]).addClass("tree-file");
$(icons[0]).removeClass("tree-offline");
}
else {
$(icons[0]).addClass("tree-offline");
$(icons[0]).removeClass("tree-file");
}
}
P.S. 测试通过。