반응형 탭메뉴2 [menu] 한줄로 나열되는 탭메뉴(반응형) div와 div 사이를 margin으로 여백을 주는것도 좋지만 반응형을 하게되면 줄어들때마다 여백을 새로 지정해줘야하기 때문에 번거로움이 있어서 좀더 편한방법으로 할수 있는 css를 정리했다. html구조는 너무 간단. 평소와 같다. 111 222 333 444 555 666 777 888 999 #container{max-width:1400px; width:100%; margin:50px auto 0; } #tab{margin:0 -5px; border:1px solid blue;} #tab li{float:left; display:table; width:20%; height:65px; padding:5px;} #tab li a{display:table-cell; vertical-align:middle.. 2020. 5. 18. [script] 탭메뉴 jQuery(function($){ $('.tabcontent > div').hide(); $('.tabnav a').click(function () { $('.tabcontent > div').hide().filter(this.hash).fadeIn(); $('.tabnav a').removeClass('active'); $(this).addClass('active'); return false; }).filter(':eq(0)').click(); }); 탭메뉴1 탭메뉴2 탭메뉴 스크립트 tab01 탭메뉴 스크립트 tab01 [2010-04-29] [2010-03-20]한국 근현대사 [2010-11-12]세계사 - 동양편 [2010-04-21]세계사 - 서양편 탭메뉴 스크립트 tab0 탭메뉴 스크립트 t.. 2020. 3. 13. 이전 1 다음 반응형
