:: 글답변 :: 이 름 패스워드 이메일 홈페이지 옵 션 html  분 류 선택하세요 Html CSS Script JQuery ASP PHP GNU .NET MySQL MsSQL DNS SEO ENG IONIC REACT 제 목 > > > <script src="js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> > <script type="text/javascript"> > $(document).ready(function () { > $('div.button').click(function () { > // 본문 영역을 변수에 담기 > var $region = $('div.region'); > // GET : 본문 영역의 폰트 사이즈 가져오기 > var currentSize = $region.css('fontSize'); // 16px > // px 문자열을 제외한 16만 가져오기 > var num = parseFloat(currentSize, 10); // 16px -> 16 > // px : 단위를 가져오기 > var unit = currentSize.slice(-2); // 16px -> px : 오른쪽에서 2자 가져옴 > // 늘리기/줄이기 > if (this.id == 'goBic') { > num *= 1.5; > } > else if (this.id == 'goSmall') { > num /= 1.5; > } > // SET : 새롭게 설정된 픽셀값을 레이어 재 설정 : css() > $region.css('fontSize', num + unit); // ?? + px > }); > }); > </script> > <div id="btn"> > <div class="button" id="goBic">늘리기</div> > <div class="button" id="goSmall">줄이기</div> > </div> > <div class="region"> > 안녕하세요. 여기는 본문입니다. > </div> > 링크 #1 링크 #2 파일첨부   왼쪽의 글자를 입력하세요.