WEB 웹팁 디자인팁 폰트 컬러 UI/UX 모바일UI Widget 디자인소스 기획팁 웹서비스 회사복지 스타트업 회사후기 메모/서식 퍼블팁 추천사이트 HTML•CSS 자바스크립트 jQuery React 앵귤러JS Node.js Codepen 개발팁 PHP 한글코딩 인터뷰 안드로이드 오픈API 파이썬 Flutter 서버관리팁

[jquery] 폰트 사이즈 조절 버튼 페이지 이동시에 변수 초기화 문제

2017년 12월 20일

제이쿼리를 이용하여 글자 크게, 작게 만들기

$(document).ready(function(e) {
   var font_size = 1;

   $('#plus').click(function () {
      font_size += 0.1;
      if(font_size > 1.9)
      {
         alert('더 이상 글자를 크게 할 수 없습니다.');
         font_size -= 0.1;
      }
      else
      {
         $('body').css('font-size', font_size + 'em');
      }
   });

   $('#original').click(function () {
      font_size = 1;

      $('body').css('font-size', font_size + 'em');
   });

   $('#minus').click(function () {
      font_size -= 0.1;

      if(font_size < 0.5)
      {
         alert('더 이상 글자를 작게 할 수 없습니다.');
         font_size += 0.1;
      }
      else
      {
         $('body').css('font-size', font_size + 'em');
      }
   });

   $(window).unload(function () {
      alert('zz');
   });
});

다른 코드도 봤는데 이게 젤 사용하기 간편하네요.

이온디 유한회사 | 사업자번호 : 405-86-01061 | 통신판매신고 : 제2018-대구동구-0767호 [사업자확인]
주소. 대구광역시 동구 안심로16길 71, 5층 502호 / 전화. 0507-1433-0311

[jquery] 폰트 사이즈 조절 버튼 페이지 이동시에 변수 초기화 문제

주간 인기 검색어 상세보기

2024년 11월 18일 ~ 11월 24일