Click Like FB

Tìm kiếm


Post by: admin
06.05.2020 / 04:17
Cỡ chữ +A | =A | -A

Bộ 3 nút điều chỉnh size text giúp người truy cập web có thể tăng giảm kích thước font chữ cho phù hợp theo sở thích.

demo: http://www.code1k.com/demo/2012/07/bo-nut-tang-giam-font-chu-trong-web.html

code

Code
<script type='text/javascript'>
//<![CDATA[
var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
//]]>
</script>


Nút tăng giảm
Code
<a href="javascript:ts('body',1)" title="Tăng cỡ chữ"><img src="http://1.bp.blogspot.com/-IX2Mwb_CtmY/T_EMRErYmRI/AAAAAAAAIqI/juFXvkfvhNI/s1600/font-add-2-code1k.com.png" alt="+A" /> Tăng cỡ chữ</a> <a href="#" onclick="location.reload(true);" title="Cỡ chữ mặc định"><img src="http://1.bp.blogspot.com/-qeUtfke_r_Q/T_EMQZ-BhlI/AAAAAAAAIqE/m2EomkrMmsM/s1600/font-2-code1k.com.png" alt="=A" /> Mặc định</a> <a
href="javascript:ts('body',-1)" title="Giảm cỡ chữ"><img src="http://4.bp.blogspot.com/-UXwx-qTZJ4E/T_EMR-XQafI/AAAAAAAAIqQ/feYUYwfIEQs/s1600/font-delete-2-code1k.com.png" alt="-A" />Giảm cỡ chữ</a>
<!-- DoDuong.Com -->

Từ khóa: Bộ nút tăng giảm kích cỡ font chữ trong web , Share code đếm ngược tới Trung thu 2020 đẹp , Share DirectAdmin-1.59.5 Null Centos 7 , Share Full mã nguồn game bài Tài Xỉu
loading...

5 Chủ đề khác cùng chuyên mục
  1. Share code đếm ngược tới Trung thu 2020 đẹp
  2. Share DirectAdmin-1.59.5 Null Centos 7
  3. Share Full mã nguồn game bài Tài Xỉu
  4. Các hàm cần thiết để tạo thẻ meta description cho một Website
  5. Script chống copy bài viết cho website
5 Chủ đề ngẫu nhiên
  1. Phiên bản Hack Game Fury Hero: Survival Raid RPG cho ANDROID 494 lượt xem
  2. Kỹ thuật SEO On Page toàn diện cho Wordpress 486 lượt xem
  3. Share code wap upload mod full 205 lượt xem
  4. Cách Làm Thạch Dừa Thơm Ngon Tại Nhà | Nấu Ăn 157 lượt xem
  5. Share mod BOT thông báo ai edit thành viên cho Johncms 185 lượt xem
Last search: NRO Java TĐLT, nro 183 java, semalt.com, nro 183,