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

Người đăng: yeu mai em on Chủ Nhật, 7 tháng 11, 2010

Đô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.

{ 0 nhận xét... read them below or add one }

Đăng nhận xét