收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1750|回复: 0

一段JS树状菜单代码求翻译

[复制链接]
发表于 2010-1-22 16:21:36 | 显示全部楼层 |阅读模式
//animate the opening of the branch (span.grower jQueryElement)
function openBranch(jQueryElement, noAnimation) {
                jQueryElement.addClass('OPEN').removeClass('CLOSE');
                if(noAnimation)
                        jQueryElement.parent().find('ul:first').show();
                else
                        jQueryElement.parent().find('ul:first').slideDown();
}
//animate the closing of the branch (span.grower jQueryElement)
function closeBranch(jQueryElement, noAnimation) {
        jQueryElement.addClass('CLOSE').removeClass('OPEN');
        if(noAnimation)
                jQueryElement.parent().find('ul:first').hide();
        else
                jQueryElement.parent().find('ul:first').slideUp();
}

//animate the closing or opening of the branch (ul jQueryElement)
function toggleBranch(jQueryElement, noAnimation) {
        if(jQueryElement.hasClass('OPEN'))
                closeBranch(jQueryElement, noAnimation);
        else
                openBranch(jQueryElement, noAnimation);
}

//when the page is loaded...
$(document).ready(function () {
        //to do not execute this script as much as it's called...
        if(!$('ul.tree.dhtml').hasClass('dynamized'))
        {
                //add growers to each ul.tree elements
                $('ul.tree.dhtml ul').prev().before("<span class='grower OPEN'> </span>");
               
                //dynamically add the '.last' class on each last item of a branch
                $('ul.tree.dhtml ul li:last-child, ul.tree.dhtml li:last-child').addClass('last');
               
                //collapse every expanded branch
                $('ul.tree.dhtml span.grower.OPEN').addClass('CLOSE').removeClass('OPEN').parent().find('ul:first').hide();
                $('ul.tree.dhtml').show();
               
                //open the tree for the selected branch
                        $('ul.tree.dhtml .selected').parents().each( function() {
                                if ($(this).is('ul'))
                                        toggleBranch($(this).prev().prev(), true);
                        });
                        toggleBranch( $('ul.tree.dhtml .selected').prev(), true);
               
                //add a fonction on clicks on growers
                $('ul.tree.dhtml span.grower').click(function(){
                        toggleBranch($(this));
                });
                //mark this 'ul.tree' elements as already 'dynamized'
                $('ul.tree.dhtml').addClass('dynamized');

                $('ul.tree.dhtml').removeClass('dhtml');
        }
});


对JS不太熟练!希望帮忙翻译一下!另外弱弱的问一下!JS树状菜单改向右的弹出菜单该怎么改哦 = =!

等高手解答ing
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-3-30 05:54 , Processed in 0.110074 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表