ตัวอย่างบทความนี้อธิบายถึงวิธีการใช้ฟังก์ชั่นขนาดข้อความและขนาดตัวอักษรของ JS แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
ข้อความขนาดใหญ่ขนาดกลางและขนาดเล็กเป็นฟังก์ชั่นที่เว็บไซต์หลายแห่งสามารถสะดวกสำหรับผู้ใช้ในการอ่าน ฟังก์ชั่นขนาดตัวอักษรขนาดใหญ่ขนาดกลางและขนาดเล็กที่แนะนำในตัวอย่างนี้สามารถเปิดได้หลังจากผู้ใช้เลือก ตราบใดที่บทความอื่นเปิดอยู่ในเว็บไซต์เดียวกันขนาดตัวอักษรจะปรากฏขึ้นตามนิสัยของผู้ใช้
คุณต้องเห็นปุ่มสามปุ่มภายใต้ชื่อของบทความบนเว็บไซต์ขนาดใหญ่ "ใหญ่", "ปานกลาง" และ "เล็ก" เพื่อดูแลพฤติกรรมการอ่านของผู้คนที่แตกต่างกัน ที่นี่ฉันจะแนะนำวิธีนี้และรองรับการประหยัดอัตโนมัติมากกว่าพวกเขา เพียงเลือกหนึ่งครั้งและปรับเป็นขนาดตัวอักษรที่คุณชื่นชอบในครั้งต่อไปที่คุณอ่าน
JS Code Part:
ก่อนอื่นใส่ JS ด้านล่างลงในไฟล์ JS หรือแท็กสคริปต์:
คัดลอกรหัสดังต่อไปนี้: jQuery.cookie = ฟังก์ชั่น (ชื่อ, ค่า, ตัวเลือก) {
if (typeof value! = 'undefined') {
ตัวเลือก = ตัวเลือก || -
if (value === null) {
ค่า = '';
ตัวเลือก expires = -1;
-
var expires = '';
if (opptions.expires && (ตัวเลือก typeof.expires == 'number' || opotions.expires.toutcstring)) {
วันที่ var;
if (typeof options.expires == 'number') {
วันที่ = วันที่ใหม่ ();
date.settime (date.getTime () + (ตัวเลือก Expires * 24 * 60 * 60 * 1000));
} อื่น {
วันที่ = ตัวเลือกที่ว่างเปล่า;
-
หมดอายุ = '; expires = ' + date.toutcstring ();
-
VAR PATH = OPTIONS.PATH? - path = ' + opotions.path:' ';
var domain = opotions.domain? - domain = ' + opotions.domain:' ';
var secure = opptions.secure? - ปลอดภัย' : '';
document.cookie = [ชื่อ, '=', encodeuricomponent (ค่า), หมดอายุ, พา ธ , โดเมน, ปลอดภัย] .join ('');
} อื่น {
var cookievelue = null;
if (document.cookie && document.cookie! = '') {
var cookies = document.cookie.split (';');
สำหรับ (var i = 0; i <cookies.length; i ++) {
var cookie = jQuery.trim (คุกกี้ [i]);
if (cookie.substring (0, name.length + 1) == (ชื่อ + '=')) {
cookieViewalue = decodeuricomponent (cookie.substring (name.length + 1));
หยุดพัก;
-
-
-
กลับมาทำอาหาร;
-
-
ฟังก์ชั่น setFont (ขนาด) {
$ .Cookie ('FONT_SIZE', ขนาด, {หมดอายุ: 99999999});
$ (". บริบท"). CSS ("ขนาดตัวอักษร", ขนาด); //. การเปลี่ยนบริบทเป็นคอนเทนเนอร์สำหรับเนื้อหาบทความของคุณ
-
$ (เอกสาร) .ready (function () {
SetFont ($ .COOKIE ('FONT_SIZE') + 'PX');
-
ให้ความสนใจกับการเปลี่ยนรหัส. context เป็นคอนเทนเนอร์เนื้อหาบทความของคุณ
ส่วนรหัส HTML:
จากนั้นโทรหารหัสต่อไปนี้ตามที่จำเป็น:
คัดลอกรหัสดังนี้: <a href = "JavaScript: setFont (16)"> ใหญ่ </a>
<a href = "JavaScript: setFont (14)"> ใน </a>
<a href = "JavaScript: setFont (12)"> เล็ก </a>
คุณสามารถปรับแต่งขนาดตัวอักษรและข้อความในฟังก์ชั่น setFont ()
ฉันหวังว่าคำอธิบายในบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรมเว็บของทุกคนตาม JavaScript