1 Tăng hoặc giảm cỡ chữ văn bản bằng Javascript 18/01/12, 10:30 pm
[KiNg]_[PiN]-BB
Đô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.