折叠式列表菜单模板设计

最新推荐文章于 2021-06-04 16:46:43 发布

cienhaa

最新推荐文章于 2021-06-04 16:46:43 发布

阅读量2.1k

点赞数

文章标签：源代码

本文链接：https://blog.csdn.net/cienit/article/details/22311631

版权

博客分享了如何设计和实现折叠式列表菜单模板，这种菜单常见于软件中，通常默认收起，点击展开显示子项。作者提供了一个自行开发的模板，并在GitHub上分享了部分源代码。

摘要由CSDN通过智能技术生成

我们平时常接触到的软件功能基本上都会有各种各样的折叠树形菜单，有些放左边，有些放右边，默认收起来，点击展开列出菜单子项。为了便利开发，自行开发相关模板，日后拿来即用，如图效果：

贴上部分代码：

<div id="container_left">
	<!-- 这里生成树形菜单 -->
	<div class="fold">
		<dl class="fold-food"><a href="javascript:void(0);" class="arrow-close">menu 1</a></dl>
		<ul>
			<li class="dotted"><a href="javascript:void(0);" title='1'>file1</a></li>
		</ul>
		<ul>
			<li class="dotted"><a href="javascript:void(0);