树形菜单ul li列表

<ul>
    <li><a href="javascript:void(0);">jquery图片特效</a>
        <ul>
            <li><a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery图片切换">jquery图片切换</a></li>
            <li><a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery幻灯片">jquery幻灯片</a></li>
            <li><a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery图片滚动">jquery图片滚动</a></li>
            <li><a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery图片放大镜">jquery图片放大镜</a></li>
            <li><a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery广告">jquery广告</a></li>
        </ul>
    </li>
    <li><a href="javascript:void(0);">jquery导航菜单</a>
        <ul>
            <li><a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery动画菜单">jquery动画菜单</a></li>
            <li><a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery树形菜单">jquery树形菜单</a></li>
            <li><a href="https://jy.tp.yuanmeng.life/" target="_blank" title="jquery下拉菜单">jquery下拉菜单</a></li>
            <li><a href="https://jy.tp.yuanmeng.life/" 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' }); });