jquery.tree.js树形导航菜单插件

来源:https://www.sucaihuo.com/js/768.html 2016-02-14 18:28浏览(4532) 收藏

jquery.tree.js是一款树形导航菜单插件,支持自定义每个级别的图标,而且展开和收缩都有动画效果,支持无限嵌套子级菜单。
jquery.tree.js树形导航菜单插件
分类:导航菜单 > 树形菜单 难易:高级
查看演示 下载资源 下载积分: 20 积分

树形菜单ul li列表

<ul>
    <li><a href="javascript:void(0);">jquery图片特效</a>
        <ul>
            <li><a href="http://www.sucaihuo.com/" target="_blank" title="jquery图片切换">jquery图片切换</a></li>
            <li><a href="http://www.sucaihuo.com/" target="_blank" title="jquery幻灯片">jquery幻灯片</a></li>
            <li><a href="http://www.sucaihuo.com/" target="_blank" title="jquery图片滚动">jquery图片滚动</a></li>
            <li><a href="http://www.sucaihuo.com/" target="_blank" title="jquery图片放大镜">jquery图片放大镜</a></li>
            <li><a href="http://www.sucaihuo.com/" target="_blank" title="jquery广告">jquery广告</a></li>
        </ul>
    </li>
    <li><a href="javascript:void(0);">jquery导航菜单</a>
        <ul>
            <li><a href="http://www.sucaihuo.com/" target="_blank" title="jquery动画菜单">jquery动画菜单</a></li>
            <li><a href="http://www.sucaihuo.com/" target="_blank" title="jquery树形菜单">jquery树形菜单</a></li>
            <li><a href="http://www.sucaihuo.com/" target="_blank" title="jquery下拉菜单">jquery下拉菜单</a></li>
            <li><a href="http://www.sucaihuo.com/" target="_blank" title="jquery右键菜单">jquery右键菜单</a></li>
        </ul>
    </li>
</ul>

引入并调用树插件tree.js

<script type="text/javascript" src="js/jquery.tree.js"></script>

$(function() { $('#files').tree({ expanded: 'li:first' }); });

评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2