本例是应用别人的例子,原来那位老兄是用一般方法写成的无限级折叠菜单,在此先感谢他!后来我就通过了一些简化修改,将原来的例子改成了面向对象的方式,实例中的展开与闭合的小图标可以自己重新添加,从而更好的查看效果。 ...
最近看了一篇关于JSON无限折叠菜单的文章 感觉写的不错,也研究了下代码,所以用自己编码方式也做了个demo 其实这样的菜单项在我们网站上或者项目导航菜单项很常见的一种效果,特别是在一些电子商务网上上左侧有分类是很常见的 或者说导航菜单有下拉效果也是很常见的,但是他们都是做死的 也就是页面上代码直接写死的 然后实现那种下拉效果 而今天我们是通过JSON格式来自动生成的,或者可以说 要做这种折叠菜 ...
2013-12-14 22:37 11 5521 推荐指数:
本例是应用别人的例子,原来那位老兄是用一般方法写成的无限级折叠菜单,在此先感谢他!后来我就通过了一些简化修改,将原来的例子改成了面向对象的方式,实例中的展开与闭合的小图标可以自己重新添加,从而更好的查看效果。 ...
效果图 代码如下 ...
首先从 左侧的折叠菜单 开始。看图。 2. CSS 代码 以下是自定义的css代码,由于系统是内部使用,所以优先考虑chrome,firefox 不考虑IE了。 #main-nav { margin-left: 1px ...
布局: 实际效果: 代码部分: ...
...
layui无限级菜单 发现个bootstrap的皮肤layui的挺漂亮的,但菜单只支持两级,现信息业务系统中可能不够用,下面扩展一下。 可下载示例:https://download.csdn.net/download/wolf12/10299537 ...
...
在上一篇文章中,简单实现了一个折叠菜单的面板,在这篇中将介绍实现子菜单的折叠与展开,其实实现的思路和之前的介绍是一样的,也是通过改变Panel控件的尺寸实现。 首先,我们需要将上篇文章中构建的布局控件Panel替换成FlowLayoutPanel,因为Panel中的控件是层叠关系,而这是一个 ...