Tạo nút tăng giảm cỡ chữ trong website bằng Javaccript

Thứ hai - 06/07/2020 21:25
Tạo nút tăng giảm cỡ chữ trong website bằng Javaccript
cochu java

I. Javascript
<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>

II. Phần HTML

<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>
 Từ khóa: cỡ chữ, java, jquery

Tổng số điểm của bài viết là: 2 trong 2 đánh giá

Xếp hạng: 1 - 2 phiếu bầu
Click để đánh giá bài viết

  Ý kiến bạn đọc

Giới Thiệu

Ủy ban nhân dân tỉnh công bố thủ tục hành chính nội bộ trong tỉnh Sơn La

Công bố kèm theo Quyết định này thủ tục hành chính nội bộ trong hệ thống hành chính nhà nước thuộc phạm vi chức năng quản lý của UBND tỉnh Sơn La bao gồm các lĩnh vực: Lĩnh vực nội vụ: Thủ tục Bổ nhiệm vào ngạch công chức đối với người hoàn thành chế độ tập sự; thủ tục Thẩm...

Thăm dò ý kiến

Bạn biết đến website trung tâm CNTT & Truyền thông qua kênh thông tin nào

Ảnh hoạt động
IMG-7754.jpg IMG-7795.jpg IMG-7801.jpg IMG-7771.jpg 20170719-092244.jpg 20170719-092505.jpg
Liên kết nhanh
Thống kê
  • Đang truy cập21
  • Hôm nay1,901
  • Tháng hiện tại127,333
  • Tổng lượt truy cập9,408,323
Hỗ Trợ Online
Soi Keo Bong Da,
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây