웹프로그래밍

Global It Leader!!


jQuery


 
 

jQuery 탭 메뉴 소스

페이지 정보

작성자 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 5,303회 작성일 12-03-09 17:21

본문

출처 : phpschool.com


dl, dt, dd 를 이용한 탭메뉴 입니다. 

----------------------------------------------------------------------------- 

- IE 8 

- Firefox 7.0.1 

- Opera 11.52 

- Safari 5.1.1 

- Chrome 15.0.874.106 m 

----------------------------------------------------------------------------- 

에서 테스트 되었습니다. 


기존 돌아다니는 탭메뉴 소스들의 대부분이 'view' 용 인것 같아 

만들어 봤습니다. 


DTD 는 xhtml 1.0 transitional 이며 

스크립트는 jQuery (http://code.jquery.com/jquery-1.6.4.min.js) 들어갔습니다. 


html validation: 

http://validator.w3.org


css validation: 

http://jigsaw.w3.org/css-validator/ 


각 밸리데이션 모두 success 입니다. 


의미에 맞는 태그사용과 표준코딩으로 

접근성이 보장되고 소스가 간결해집니다. 


추가적으로 

요즘 각 최신 브라우저 벤더별로 대부분 지원하는 미디어 쿼리를 통해 

접근 디바이스에 따른 view 를 css 만으로 컨트롤 할 수 있습니다. 


ps. 

jQuery 중 .each 안에 .each 를 포함하는 부분은 

분명 static 하게 뽑아내어 사용할 수 있겠지만, 

동적으로 추가될 경우의 엘리먼트를 처리하기 위함입니다.

첨부파일

  • tab-dl.html (6.8K) 239회 다운로드 | DATE : 2012-03-09 17:21:30

댓글목록

등록된 댓글이 없습니다.

전체 142
게시물 검색
jQuery 목록
번호 제목 글쓴이 조회 날짜
42 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4548 03-21
41 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4475 03-21
40 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5256 03-15
39 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4638 03-15
열람중 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5304 03-09
37 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4692 03-08
36 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4369 03-08
35 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4711 03-01
34 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4533 03-01
33 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5047 02-29
32 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4900 02-29
31 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4488 02-29
30 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4963 02-28
29 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4586 02-27
28 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4851 02-22
27 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4332 02-26
26 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4433 02-14
25 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4375 02-10
24 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4869 11-23
23 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 5476 08-27