EOND

홈페이지 제작

jQuery

가

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

이온디

2017.12.20 05:17

https://eond.com/395374

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

$(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');
   });
});

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

라이믹스는 이온디와 함께

댓글작성칸으로

EOND

댓글 0

즐겨찾는 게시판

전체 게시판

마이페이지

로그인을 해주세요