Este ejemplo de artículo describe cómo implementar el tamaño del texto y la función de tamaño de fuente de JS. Compártelo para su referencia. El análisis específico es el siguiente:
El texto grande, mediano y pequeño es una función que muchos sitios web pueden ser convenientes para que los usuarios lean. La función de tamaño de fuente de texto grande, mediana y pequeña introducida en este ejemplo se puede abrir después de que el usuario la selecciona. Mientras se abra otro artículo en el mismo sitio web, el tamaño de la fuente se mostrará de acuerdo con los hábitos del usuario.
Debe haber visto tres botones bajo el título de artículos en algunos sitios web grandes, "grandes", "medianos" y "pequeños" para cuidar los hábitos de lectura de diferentes personas. Aquí presentaré este método y admite el ahorro automático que el suyo. Simplemente seleccione una vez y ajústelo automáticamente a su tamaño de fuente favorito la próxima vez que lo lea.
Parte del código JS:
Primero coloque el JS a continuación en el archivo JS o la etiqueta de script:
Copie el código de la siguiente manera: jQuery.cookie = function (nombre, valor, opciones) {
if (typeof value! = 'undefined') {
Opciones = Opciones || {};
if (value === null) {
valor = '';
opciones.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toutcstring)) {
VAR FECHA;
if (typeof options.expires == 'número') {
fecha = nueva fecha ();
date.settime (date.gettime () + (options.expires * 24 * 60 * 60 * 1000));
} demás {
date = options.expires;
}
expires = '; expires = ' + date.ToutCString ();
}
var ruta = options.path? '; ruta = ' + opciones.path:' ';
var domain = options.domain? '; dominio = ' + options.domain:' ';
var secure = options.secure? '; seguro' : '';
document.cookie = [nombre, '=', encodeuricomponent (valor), expira, ruta, dominio, seguro] .Join ('');
} demás {
var cookievalue = nulo;
if (document.cookie && document.cookie! = '') {
var cookies = document.cookie.split (';');
para (var i = 0; i <cookies.length; i ++) {
var cookie = jQuery.trim (cookies [i]);
if (cookie.substring (0, name.length + 1) == (nombre + '=')) {
Cookievalue = DecodeuriComponent (Cookie.substring (name.length + 1));
romper;
}
}
}
regresar Cookievalue;
}
};
funciones setFont (size) {
$ .cookie ('font_size', tamaño, {expiras: 99999999});
$ (". context"). CSS ("Font-Size", Size); //. Cambio de contexto al contenedor para el contenido de su artículo
};
$ (documento) .Ready (function () {
SetFont ($ .cookie ('font_size') + 'px');
});
Preste atención a cambiar el código .context a su contenido de contenido de artículo.
Sección de código HTML:
Luego llame al siguiente código donde sea necesario:
Copie el código de la siguiente manera: <a href = "javaScript: setFont (16)"> grande </a>
<a href = "javaScript: setFont (14)"> en </a>
<a href = "javaScript: setFont (12)"> pequeño </a>
Puede personalizar el tamaño y el texto de la fuente en la función setFont ().
Espero que la descripción en este artículo sea útil para la programación web de todos basada en JavaScript.