Contoh artikel ini menjelaskan cara menerapkan ukuran teks dan fungsi ukuran font dari JS. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Teks besar, sedang dan kecil adalah fungsi yang banyak situs web dapat dibaca dengan nyaman. Fungsi ukuran font teks besar, sedang dan kecil yang diperkenalkan dalam contoh ini dapat dibuka setelah pengguna memilihnya. Selama artikel lain dibuka di situs web yang sama, ukuran font akan ditampilkan sesuai dengan kebiasaan pengguna.
Anda pasti telah melihat tiga tombol dengan judul artikel di beberapa situs web besar, "besar", "medium" dan "kecil" untuk mengurus kebiasaan membaca orang yang berbeda. Di sini saya akan memperkenalkan metode ini, dan mendukung penghematan otomatis daripada mereka. Cukup pilih sekali dan secara otomatis sesuaikan dengan ukuran font favorit Anda saat Anda membacanya.
Bagian Kode JS:
Pertama -tama masukkan JS di bawah ini ke dalam file atau tag skrip JS:
Salin kode sebagai berikut: jQuery.cookie = fungsi (nama, nilai, opsi) {
if (typeof nilai! = 'tidak terdefinisi') {
opsi = opsi || {};
if (value === null) {
nilai = '';
option.expires = -1;
}
var kedaluwarsa = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toutcstring)) {
Tanggal VAR;
if (typeof options.expires == 'number') {
tanggal = tanggal baru ();
date.settime (date.getTime () + (options.expires * 24 * 60 * 60 * 1000));
} kalau tidak {
date = options.Expires;
}
kedaluwarsa = '; kedaluwarsa = ' + date.toutcstring ();
}
var path = options.path? '; path = ' + options.path:' ';
var domain = options.domain? '; domain = ' + options.domain:' ';
var aman = options.secure? '; aman' : '';
document.cookie = [name, '=', encodeuricomponent (nilai), kedaluwarsa, jalur, domain, aman] .join ('');
} kalau tidak {
var cookievalue = null;
if (document.cookie && document.cookie! = '') {
var cookies = document.cookie.split (';');
untuk (var i = 0; i <cookies.length; i ++) {
var cookie = jQuery.trim (cookie [i]);
if (cookie.substring (0, name.length + 1) == (name + '=')) {
cookievalue = decodeuricomponent (cookie.substring (name.length + 1));
merusak;
}
}
}
Kembalikan Cookievalue;
}
};
fungsi setFont (size) {
$ .cookie ('font_size', size, {kedaluwarsa: 99999999});
$ (". Context"). CSS ("Font-size", size); //. Konteks berubah menjadi wadah untuk konten artikel Anda
};
$ (dokumen) .ready (function () {
SetFont ($ .cookie ('font_size') + 'px');
});
Perhatikan mengubah kode .Context ke wadah konten artikel Anda.
Bagian Kode HTML:
Kemudian hubungi kode berikut jika diperlukan:
Salin kode sebagai berikut: <a href = "javascript: setFont (16)"> besar </a>
<a href = "javascript: setFont (14)"> di </a>
<a href = "javascript: setFont (12)"> Small </a>
Anda dapat menyesuaikan ukuran font dan teks dalam fungsi setFont ().
Saya berharap deskripsi dalam artikel ini akan bermanfaat untuk pemrograman web semua orang berdasarkan JavaScript.