Cet exemple d'article décrit comment implémenter la taille de la taille du texte et de la taille de la police de JS. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Le grand, moyen et petit texte est une fonction que de nombreux sites Web peuvent être pratiques pour les utilisateurs. La fonction de taille de police de texte grande, moyenne et petite introduite dans cet exemple peut être ouverte après que l'utilisateur l'a sélectionné. Tant qu'un autre article est ouvert sur le même site Web, la taille de la police sera affichée en fonction des habitudes de l'utilisateur.
Vous devez avoir vu trois boutons sous le titre d'articles sur certains grands sites Web, "Big", "Medium" et "Small" pour s'occuper des habitudes de lecture de différentes personnes. Ici, je vais présenter cette méthode et elle prend en charge la sauvegarde automatique que la leur. Sélectionnez simplement une fois et ajustez-le automatiquement à votre taille de police préférée la prochaine fois que vous la lisez.
Partie de code JS:
Mettez d'abord le js ci-dessous dans le fichier JS ou la balise de script:
Copiez le code comme suit: jQuery.cookie = fonction (nom, valeur, options) {
if (typeof valeur! = 'undefined') {
Options = Options || {};
if (value === null) {
valeur = '';
options.expires = -1;
}
var expire = '';
if (options.expires && (typeof options.expires == 'nombre' || options.expires.toutcstring)) {
Date VAR;
if (typeof options.expires == 'nombre') {
date = new Date ();
date.settime (date.getTime () + (options.expires * 24 * 60 * 60 * 1000));
} autre {
date = options.expires;
}
expire = '; expires = '+ date.toutcstring ();
}
var path = options.path? ';; path = '+ options.path:' ';
var domain = options.domain? ';; domain = '+ options.domain:' ';
var sécurisé = options.secure? ';; sécurisé' : '';
document.cookie = [name, '=', encodeuRIComponent (valeur), expire, chemin, domaine, sécurisé] .join ('');
} autre {
VAR CookieValue = NULL;
if (document.cookie && document.cookie! = '') {
var cookies = document.cookie.split (';');
pour (var i = 0; i <cookies.length; i ++) {
var cookie = jQuery.trim (cookies [i]);
if (cookie.substring (0, name.length + 1) == (name + '=')) {
CookieValue = DecodeuRIComponent (Cookie.Substring (name.length + 1));
casser;
}
}
}
Retourner le cookievalue;
}
};
fonction setfont (size) {
$ .cookie ('font_size', taille, {expire: 99999999});
$ («.
};
$ (document) .ready (function () {
SetFont ($ .cookie ('font_size') + 'px');
});
Faites attention à la modification du code .Context en conteneur de contenu de votre article.
Section du code HTML:
Ensuite, appelez le code suivant si nécessaire:
Copiez le code comme suit: <a href = "javascript: setfont (16)"> grand </a>
<a href = "javascript: setfont (14)"> dans </a>
<a href = "javascript: setfont (12)"> small </a>
Vous pouvez personnaliser la taille et le texte de la police dans la fonction setFont ().
J'espère que la description de cet article sera utile à la programmation Web de chacun basée sur JavaScript.