»
Tiếng AnhTiếng PhápTiếng Việt

In - Bộ chuyển đổi độ lớn phông chữ - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Chữ » Bộ chuyển đổi độ lớn phông chữ
URL: https://www.javascriptbank.com/web-font-size-switcher.html

Bộ chuyển đổi độ lớn phông chữ © JavaScriptBank.comBộ chuyển đổi độ lớn phông chữ cho phép khách truy cập của bạn có thể dễ dàng thay đổi độ lớn của chữ trên trang web chỉ thông qua một cú nhấn chuột. Hiệu ứng này sẽ dùng cookie để lưu trữ thông tin mỗi khi người dùng thay đổi, đoạn mã rất dễ cài đặt và chỉnh sửa cùng với một giao diện sinh động và bắt mắt bởi việc dùng các hình ảnh.

Phiên bản đầy đủ: jsB@nk » Chữ » Bộ chuyển đổi độ lớn phông chữ
URL: https://www.javascriptbank.com/web-font-size-switcher.html



CSS
<link href="doctextsizer.css" rel="stylesheet" type="text/css" />


JavaScript
<script type="text/javascript" src="doctextsizer.js">/************************************************ Document Text Resizer Script- by JavaScript Kit (www.javascriptkit.com)* This notice must stay intact for usage* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more***********************************************/</script>


HTML
<p align="center">Select the desired text size (persisted using cookies):<br /><a href="#" class="texttoggler" rel="xsmallview" title="extra small size"><img src="xsmallview.png" /></a> <a href="#" class="texttoggler" rel="smallview" title="small size"><img src="smallview.png" /></a> <a href="#" class="texttoggler" rel="normalview" title="normal size"><img src="normalview.png" /></a> <a href="#" class="texttoggler" rel="largeview" title="large size"><img src="largeview.png" /></a> <a href="#" class="texttoggler" rel="xlargeview" title="extra large size"><img src="xlargeview.png" /></a></p><script type="text/javascript">//documenttextsizer.setup("shared_css_class_of_toggler_controls")documenttextsizer.setup("texttoggler")</script>


Files
/javascript/text/Web_Font_Size_Switcher/doctextsizer.css/javascript/text/Web_Font_Size_Switcher/doctextsizer.js/javascript/text/Web_Font_Size_Switcher/largeview.png/javascript/text/Web_Font_Size_Switcher/normalview.png/javascript/text/Web_Font_Size_Switcher/smallview.png/javascript/text/Web_Font_Size_Switcher/xlargeview.png/javascript/text/Web_Font_Size_Switcher/xsmallview.png