Hướng dẫn dùng JavaScript để thay đổi kích cỡ chữ trên web, blog

Trang chủ » Thủ thuật Blogger » Bạn đang xem:

Hướng dẫn dùng JavaScript để thay đổi kích cỡ chữ trên web, blog

Thứ Hai, 16 tháng 8, 2010

Chữ to| Chữ nhỏ

Cách cài đặt

Bước 1: Copy mã JavaScript bên dưới và dán vào khu vực HEAD trên trang web của bạn
JavaScript
Code:

<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
Code:

<a href="javascript:zoominLetter();">A</a>
<a href="javascript:zoomoutLetter();">a</a>
Copy bài viết: