제가 처음 작성한 CSS 트리 메뉴는 2차 디렉토리와 총 10줄 미만의 JavaScript 코드만 포함되어 있어 비교적 간단했습니다. 이는 주로 CSS의 include 작성 방법으로 구현되었습니다.
데모 주소:
(1)http://www.cnlei.org/mycode/csstreemenu/index.html
(2) http://cnlei.iecn.net/mycode/csstreemenu/index.html
다운로드 링크:
(1)http://www.cnlei.org /mycode/csstreemenu/csstreemenu.rar
(2)http://cnlei.iecn.net/mycode/csstreemenu/csstreemenu.rar
처음으로 제가 작성한 내용을 바탕으로 무한 레벨로 개선하여 이름을 붙였습니다: CNL 트리 메뉴
1. "CNL 트리 메뉴"는 무한 레벨 트리 모양으로 호환됩니다. 다음 버전의 브라우저: IE5.0+, FF1.06+, Opera8.5+...
2.HTML, CSS, JavaScript 코드는 서로 분리되어 있습니다(즉, 데이터, 스타일 및 스크립트는 분리) 다양한 경우에 적용할 수 있으며 유지 관리 및 수정이 쉽습니다. 트리 아이콘을 변경하려면 CSS 파일만 수정하면 됩니다.
3. W3C 검증(XHtml1-Strict, CSS1.0)을 통과하세요. .
데모 주소 :
(1)http://www.cnlei.org/mycode/CNLTreeMenu/Ver1.0.2/index.html
( 2)http://cnlei.iecn.net/ mycode/CNLTreeMenu/Ver1.0.2/index.html
다운로드 링크:
(1) http://www.cnlei.org/mycode/CNLTreeMenu/CNLTreeMenuVer1 .0.2.rar
(2)http://cnlei.iecn.net/mycode/CNLTreeMenu/CNLTreeMenuVer1.0.2.rar