本例是應用別人的例子,原來那位老兄是用一般方法寫成的無限級折疊菜單,在此先感謝他!后來我就通過了一些簡化修改,將原來的例子改成了面向對象的方式,實例中的展開與閉合的小圖標可以自己重新添加,從而更好的查看效果。 ...
最近看了一篇關於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中的控件是層疊關系,而這是一個 ...