 |
vuvanhoan
(Admin)
[Off] 11-11-2016 |
code chọn cỡ chữ cho xtgem
Wap truyện hay đọc tin tức nên có code này nhé các bạn. Khách đọc thấy chữ quá nhỏ hay quá to sẽ nhàm chán và ko vào site mình nữa. Code tự viết mà trình độ java còn hạn chế, hi vọng vẫn sài tốt :v
Chức năng:
- Chọn cỡ chữ theo đơn vị px.
- Lưu ở cookie máy (load lại ko mất tùy chọn trước đó).
- Dùng javascript nên không cần load lại trang.
- Dùng input range thân thiện cho wap.
Cách thêm:
b1. Dán code này ở trong <head> [javascript]
<script src="http://a5net.xtgem.com/javascript/cookie.js"></script>
b2. Code này ở dưới foot chẳng hạn. [javascript]
<script>function showValue(){var a=document.getElementById("size").value;setCookie("size",a,10);var b=getCookie("size");document.getElementById("valueSize").innerHTML=b;var b=getCookie("size"),a=document.getElementById("size").value;b?(document.getElementById("valueSize").innerHTML=b,document.getElementById("size").value=b,document.getElementById("content").style.fontSize=b+"px"):(document.getElementById("valueSize").innerHTML=msize,document.getElementById("size").value=msize,document.getElementById("content").style.fontSize=msize+"px")}var msize=14,value=getCookie("size"),vl=document.getElementById("size").value;value?(document.getElementById("valueSize").innerHTML=value,document.getElementById("size").value=value,document.getElementById("content").style.fontSize=value+"px"):(document.getElementById("valueSize").innerHTML=msize,document.getElementById("size").value=msize,document.getElementById("content").style.fontSize=msize+"px");</script>
b3: code này là đoạn tăng giảm chữ.
- Phần nội dung cần tăng giảm đặt trong cặp thẻ
<div id="content"></div>
- Full code html đây:
<input type="range" id="size" min="12" max="25" value="0" onchange="showValue()" class="tip fill fill-replace">
<div>Cỡ chữ: <span id="valueSize"></span>px</div>
<hr />
<div>Cỡ chữ: <span id="valueSize"></span>px</div>
<hr />
Demo sống: http://a5net.xtgem.com/share/font-size
code by mrducz95