>  기사  >  웹 프론트엔드  >  이전에 작성된 CSS 트리 메뉴 2개_경험치 교환

이전에 작성된 CSS 트리 메뉴 2개_경험치 교환

WBOY
WBOY원래의
2016-05-16 12:09:531297검색

제가 처음 작성한 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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.