fontresize.js 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. $(document).ready(function(){
  2. // Reset Font Size
  3. var originalFontSize = $('body').css('font-size');
  4. var original_head1 = $('h1').css('font-size');
  5. var original_head2 = $('h2').css('font-size');
  6. var original_head3 = $('h3').css('font-size');
  7. var original_head4 = $('h4').css('font-size');
  8. var original_head5 = $('h5').css('font-size');
  9. var original_head6 = $('h9').css('font-size');
  10. $(".reset_font").click(function() {
  11. $('body').css('font-size', originalFontSize);
  12. $('h1').css('font-size', original_head1);
  13. $('h2').css('font-size', original_head2);
  14. $('h3').css('font-size', original_head3);
  15. $('h4').css('font-size', original_head4);
  16. $('h5').css('font-size', original_head5);
  17. $('h6').css('font-size', original_head6);
  18. });
  19. // Increase Font Size
  20. $(".increase_font").click(function(){
  21. var currentFontSize = $('body').css('font-size');
  22. var currentFontSizeNum = parseFloat(currentFontSize, 10);
  23. var newFontSize = currentFontSizeNum*1.2;
  24. $('body').css('font-size', newFontSize);
  25. $('h1, h2, h3, h4, h5, h6').css('font-size', newFontSize);
  26. return false;
  27. });
  28. // Decrease Font Size
  29. $(".decrease_font").click(function(){
  30. var currentFontSize = $('body').css('font-size');
  31. var currentFontSizeNum = parseFloat(currentFontSize, 10);
  32. var newFontSize = currentFontSizeNum*0.8;
  33. $('body').css('font-size', newFontSize);
  34. $('h1, h2, h3, h4, h5, h6').css('font-size', newFontSize);
  35. return false;
  36. });
  37. });