ztree高亮（呼吸灯）

最新推荐文章于 2024-09-04 22:20:58 发布

原创最新推荐文章于 2024-09-04 22:20:58 发布 · 345 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

本文介绍了一种使用 jQuery 和 zTree 插件实现树形结构中选中节点的高亮显示方法，通过动画效果增强了用户体验。

                    let treeObj = $.fn.zTree.getZTreeObj("tree");
                    let nodes = treeObj.getSelectedNodes();
                    highlightNodes(nodes);      

 // 高亮-呼吸灯
    function highlightNodes(nodes) {
        for(let i = 0; i < nodes.length; i++) {
            let tId =  nodes[i].tId;
            let selectNode = $('#' + tId).find('a');
            selectNode.animate({opacity:"0"},250);
            selectNode.animate({opacity:"1"},500);
        }
    }