無(wú)限級(jí)CSS樹形菜單 Ver2.0
更新時(shí)間：2008年05月22日 20:20:37 作者：
兩年前曾寫了棵CSS無(wú)限級(jí)樹形菜單:
那時(shí)寫的樹存在一個(gè)致命弱點(diǎn):數(shù)據(jù)量比較大時(shí),很容易導(dǎo)致瀏覽器卡死.
這兩天重寫了一下代碼,除了在CSS的寫法上與前一次基本一樣外,javascript代碼部分可以說(shuō)是脫胎換骨了,哈哈.
新寫的樹:
1.解決了大數(shù)量加載過(guò)慢的問題
2.改進(jìn)應(yīng)用接口,可擴(kuò)展性更強(qiáng)
先看效果吧,回頭再寫相關(guān)的使用參數(shù)文檔:)
實(shí)例演示:
http://www.fzitv.net/tools/cssTREE/index.html
http://www.fzitv.net/tools/cssTREE/index.big.html (大數(shù)據(jù)量(3000結(jié)點(diǎn))效果演示)
代碼下載:
http://www.fzitv.net/tools/cssTREE/lTREE.rar
使用說(shuō)明:
待寫中...
歡迎反饋您在使用過(guò)程所遇到的問題,以便我加以改進(jìn).E-Mail: CNLei.y.l@Gmail.com
您可能感興趣的文章:
- 一個(gè)簡(jiǎn)單的js樹形菜單
- 用dtree實(shí)現(xiàn)樹形菜單 dtree使用說(shuō)明
- 以前寫的兩個(gè)CSS樹形菜單
- JS無(wú)限極樹形菜單,json格式、數(shù)組格式通用示例
- winform樹形菜單無(wú)限級(jí)分類實(shí)例
- 輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建樹形菜單
- json+jQuery實(shí)現(xiàn)的無(wú)限級(jí)樹形菜單效果代碼
- Android提高之多級(jí)樹形菜單的實(shí)現(xiàn)方法
- CSS TreeMenu 二級(jí)樹形菜單示例
- Java遞歸如何正確輸出樹形菜單
相關(guān)文章
如何處理多國(guó)語(yǔ)言...2006-11-11
主要用于不能輸入中文的情況下，使用，這樣就不要用js2008-06-06
大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1，這里的字?jǐn)?shù)在中 文或英文數(shù)字時(shí)都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動(dòng)以及文字區(qū)塊的固定寬度有必然聯(lián)系。2008-12-12
告別AJAX實(shí)現(xiàn)無(wú)刷新提交表單
通常對(duì)于無(wú)刷新提交表單，我們都是運(yùn)用ajax實(shí)現(xiàn)的。前段時(shí)間了解到另一種無(wú)刷新提交表單的方法?，F(xiàn)在整理出來(lái)分享給大家。2014-05-05
css Hspace 和vspace的圖片控制實(shí)例
更改圖片的間隔：使用Hspace與Vspace。2008-06-06
CSS中幾種常見的注釋...2007-05-05
超級(jí)連接的提示中換行效果實(shí)現(xiàn)代碼
前段時(shí)間有網(wǎng)友在論壇發(fā)帖問＂如何實(shí)現(xiàn)超級(jí)連接的多行顯示＂，其實(shí)方法很簡(jiǎn)單就是使用title 和 alt就可以實(shí)現(xiàn)。2008-05-05
跨瀏覽器的實(shí)踐:position:fixed 層的固定定位
一般要固定某個(gè)div,我們都會(huì)讓該div{position:fixed},它的下一個(gè)div{position:absolute}看了幾個(gè)國(guó)外的關(guān)于CSS的固定定位跨瀏覽解決方案.他們卻反其道而為之2008-11-11
純CSS實(shí)現(xiàn)標(biāo)簽導(dǎo)航制作
2008-01-01
css 命名規(guī)范...2007-02-02