您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > jQuery特效 >

    jquery多级树形菜单特效代码

    时间:2014-05-14 23:59 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表
    jquery多级树形菜单特效代码jquery多级树形菜单代码是一款jquery树形菜单制作html多级漂亮的树形菜单代码。jQuery树形菜单多级菜单收缩隐藏

    <!--图标样式-->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
     
    <!--主要样式-->
    <link rel="stylesheet" type="text/css" href="css/style.css" />
     
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
    $(function(){
        $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
        $('.tree li.parent_li > span').on('click', function (e) {
            var children = $(this).parent('li.parent_li').find(' > ul > li');
            if (children.is(":visible")) {
                children.hide('fast');
                $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign');
            } else {
                children.show('fast');
                $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');
            }
            e.stopPropagation();
        });
    });
    </script>
    jquery多级树形菜单特效代码由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/7692.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!