Este exemplo de artigo descreve como implementar o tamanho do texto e a função do tamanho da fonte de JS. Compartilhe para sua referência. A análise específica é a seguinte:
Texto grande, médio e pequeno é uma função que muitos sites podem ser convenientes para os usuários lerem. A função de tamanho de fonte grande, média e pequena introduzida neste exemplo pode ser aberta depois que o usuário o selecionar. Enquanto outro artigo for aberto no mesmo site, o tamanho da fonte será exibido de acordo com os hábitos do usuário.
Você deve ter visto três botões sob o título de artigos em alguns sites grandes, "Big", "Medium" e "Small" para cuidar dos hábitos de leitura de pessoas diferentes. Aqui vou apresentar esse método e ele suporta economia automática que a deles. Basta selecionar uma vez e ajustá -lo automaticamente ao seu tamanho de fonte favorito na próxima vez que você o ler.
JS Código Parte:
Coloque o JS abaixo no arquivo JS ou na tag de script:
Copie o código da seguinte forma: jQuery.cookie = function (nome, valor, opções) {
if (tipoof valor! = 'indefinido') {
Opções = Opções || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expira = '';
if (options.expires && (typeof options.expires == 'número' || options.expires.toutcstring)) {
Var data;
if (typeof options.expires == 'número') {
date = new Date ();
DAT.SETTIME (DATE.GETTIME () + (Options.expires * 24 * 60 * 60 * 1000));
} outro {
date = options.expires;
}
expire = '; expires = ' + date.toutcString ();
}
var path = options.path? '; path = ' + options.path:' ';
var domain = options.Domain? '; domain = ' + options.Domain:' ';
var seguro = options.secure? '; seguro ':' ';
document.cookie = [nome, '=', codeuricomponent (value), expira, caminho, domínio, seguro] .Join ('');
} outro {
var cookievalue = nulo;
if (document.cookie && document.cookie! = '') {
var cookies = document.cookie.split (';');
for (var i = 0; i <cookies.length; i ++) {
var cookie = jQuery.Trim (cookies [i]);
if (cookie.substring (0, name.length + 1) == (nome + '=')) {
CookieValue = decodeuricomponent (cookie.substring (name.length + 1));
quebrar;
}
}
}
Retornar Cookievalue;
}
};
função setFont (size) {
$ .cookie ('font_size', tamanho, {expira: 99999999});
$ (". Contexto"). CSS ("Size da fonte", tamanho); //.
};
$ (document) .ready (function () {
SetFont ($ .cookie ('font_size') + 'px');
});
Preste atenção à alteração do código .Context para o contêiner de conteúdo do seu artigo.
Seção de código HTML:
Em seguida, ligue para o seguinte código sempre que necessário:
Copie o código da seguinte forma: <a href = "javascript: setFont (16)"> grande </a>
<a href = "javascript: setFont (14)"> em </a>
<a href = "javascript: setFont (12)"> pequeno </a>
Você pode personalizar o tamanho e o texto da fonte na função setFont ().
Espero que a descrição deste artigo seja útil para a programação da Web de todos com base no JavaScript.