[JavaScriptBank.com]

Trong bài viết hướng dẫn sử dụng JavaScript khá ngắn gọn này, <i>Nurani</i> sẽ chỉ bạn cách dùng vài đoạn mã đơn giản để thay đổi kích cỡ chữ trên trang ... chi tiết tại JavaScriptBank.com - 2.000+ free JavaScript codes

Demo: JavaScript Hướng dẫn dùng JavaScript để thay đổi kích cỡ chữ trên web
| JavaScript Using JavaScript to Change Your Web Page Font Size

Cách cài đặt

Bước 1: Dùng mã JavaScript để cài đặt hiệu ứng
JavaScript

<script type="text/javascript">
var min=8;
var max=18;
function zoominLetter() {
   var p = document.getElementsByTagName('p');
   for(i=0;i<p.length;i++) {
      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {
         var s = 12;
      }
      if(s!=max) {
         s += 1;
      }
      p[i].style.fontSize = s+"px"
   }
}
function zoomoutLetter() {
   var p = document.getElementsByTagName('p');
   for(i=0;i<p.length;i++) {
      if(p[i].style.fontSize) {
         var s = parseInt(p[i].style.fontSize.replace("px",""));
      } else {
         var s = 12;
      }
      if(s!=min) {
         s -= 1;
      }
      p[i].style.fontSize = s+"px"
   }
}
</script>

Bước 2: Đặt mã HTML bên dưới vào phần BODY
HTML

<a href="javascript:zoominLetter();">A</a>
<a href="javascript:zoomoutLetter();">a</a>

Các hiệu ứng tương tự
- 5 lời khuyên để cải thiện vấn đề bảo mật trong ứng dụng JavaScript
- 35 tài nguyên tuyệt vời để phát triển ứng dụng JavaScript nhanh hơn
- jsDatePick - Bộ chọn ngày miễn phí trên web


Một vài nhãn tương tự: hướng dẫn, thay đổi, kích cỡ, cỡ chữ
Bạn có thể xem thêm nhiều JavaScript khác về Bài viết và Chỉ dẫn How-to

Tạo menu luôn ở đầu trang - Tạo trình đơn động - Cách loại bỏ dấu tiếng Việt với JavaScript