В этом примере статьи описывается, как реализовать размер текста и функцию размера шрифта JS. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Большой, средний и маленький текст - это функция, которую многие веб -сайты могут быть удобными для чтения пользователей. Большая, средняя и маленькая функция шрифта, представленную в этом примере, может быть открыта после того, как пользователь выбирает его. Пока еще одна статья открывается на том же сайте, размер шрифта будет отображаться в соответствии с привычками пользователя.
Должно быть, вы видели три кнопки под названием статей на некоторых крупных веб -сайтах, «Большой», «Средний» и «Маленький», чтобы позаботиться о привычках чтения разных людей. Здесь я представлю этот метод, и он поддерживает автоматическое сохранение, чем их. Просто выберите один раз и автоматически настройте его на любимый размер шрифта в следующий раз, когда вы прочитаете его.
Кодовая часть JS:
Сначала поместите JS ниже в файл JS или тег скрипта:
Скопируйте код следующим образом: jquery.cookie = function (имя, значение, опции) {
if (typeof value! = 'undefined') {
Параметры = Параметры || {};
if (value === null) {
value = '';
options.expires = -1;
}
var истекает = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toutcstring)) {
var дата;
if (typeof options.expires == 'number') {
дата = новая дата ();
date.settime (date.gettime () + (options.expires * 24 * 60 * 60 * 1000));
} еще {
date = options.expires;
}
истекает = '; истекает = ' + date.toutcstring ();
}
var path = options.path? '; path = ' + options.path:' ';
var domain = options.domain? '; domain = ' + options.domain:' ';
var secure = options.secure? '; безопасный' : '';
document.cookie = [name, '=', encodeuricomponent (значение), истекает, путь, домен, безопасный] .join ('');
} еще {
var cookievalue = null;
if (document.cookie && document.cookie! = '') {
var cookie = document.cookie.split (';');
для (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));
перерыв;
}
}
}
вернуть cookievalue;
}
};
функция setFont (size) {
$ .cookie ('font_size', size, {истекает: 99999999});
$ (". Context"). CSS ("размер шрифта", размер); //. Контекст изменения в контейнере для содержания статьи
};
$ (document) .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.