CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

홈페이지 제작팁

Home Study WEB 퍼블팁 jQuery

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

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


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


 
댓글은 로그인 사용자만 작성 가능합니다. 로그인하기