Tăng hoặc giảm cỡ chữ văn bản bằng Javascript

Đôi khi cỡ chữ mà bạn định dạng cho trang web không phù hợp với thị lực của người đọc, tùy thuộc vào cấu hình công cụ trình duyệt. Kỹ thuật tăng giảm cỡ chữ giúp khắc phục vấn đề này, bằng cách kích chuột vào liên kết Tăng cỡ chữ /Giảm cỡ chữ.

Xem Demo.

Thực hiện thủ thuật này theo các bước sau đây.

1. Thêm đoạn code bên dưới vào trước thẻ </head>.

<script type="text/javascript" src="textsizer.js"></script>

Đoạn js trên dẫn đến file ngoài. Bạn nên tải về file textsizer.js và upload trên hosting để sử dụng cho trang web của bạn.

2. Tạo 2 liên kết tăng và giảm cỡ chữ như bên dưới:

<a href="javascript:ts('body',1)">+ A</a> | <a
href="javascript:ts('body',-1)">- A</a>

* Chú ý: Trong bước 2, bạn có thể thay "body" bằng tên id khác để xác định phần chứa văn bản cần tăng hoặc giảm cỡ chữ. Nếu bạn hiểu vấn đề này thì bạn có thể áp dụng cho Blogger một cách dễ dàng như Blog của tôi vậy.

Xin chào các bạn ghé thăm trang Trần Phúc Minh, mong các bạn có nhận xét góp ý cho trang này