이 기사 예제는 JS의 텍스트 크기 및 글꼴 크기 기능을 구현하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
크고 중간 및 작은 텍스트는 많은 웹 사이트가 사용자가 읽기에 편리 할 수있는 기능입니다. 이 예제에 소개 된 크고 중간 및 작은 텍스트 글꼴 크기 기능은 사용자가 선택한 후에 열 수 있습니다. 동일한 웹 사이트에서 다른 기사가 열리는 한 글꼴 크기는 사용자의 습관에 따라 표시됩니다.
다른 사람들의 독서 습관을 관리하기 위해 "큰", "매체"및 "작은"일부 큰 웹 사이트의 기사 제목 아래에 3 개의 버튼을 보았을 것입니다. 여기 에이 방법을 소개하고 자동 저장을 지원합니다. 한 번 선택하고 다음에 읽을 때 좋아하는 글꼴 크기로 자동 조정하십시오.
JS 코드 부분 :
먼저 아래의 JS를 JS 파일 또는 스크립트 태그에 넣습니다.
다음과 같이 코드를 복사하십시오. jQuery.Cookie = 함수 (이름, 값, 옵션) {
if (typeof value! = 'undefined') {
옵션 = 옵션 || {};
if (value === null) {
값 = '';
옵션 .expires = -1;
}
var 만료 = '';
if (Options.expires && (typeof Options.expires == '번호'|| 옵션.expires.toutcstring)) {
var 날짜;
if (typeof options.expires == 'number') {
날짜 = 새 날짜 ();
date.settime (date.gettime () + (옵션 .expires * 24 * 60 * 60 * 1000));
} 또 다른 {
날짜 = 옵션 .expires;
}
만료 = '; 만료 = ' + date.toutcstring ();
}
var path = 옵션 .path? ';; path = ' + 옵션 .path :' ';
var 도메인 = 옵션. 도메인? ';; 도메인 = ' + 옵션 .Domain :' ';
var secure = 옵션. ';; 안전한' : '';
document.cookie = [name, '=', encodeUricomponent (value), 만료, 경로, 도메인, 보안] .join ( '');
} 또 다른 {
var cookievalue = null;
if (document.cookie && document.cookie! = '') {
var 쿠키 = document.cookie.split ( ';');
for (var i = 0; i <cookies.length; i ++) {
var 쿠키 = jQuery.trim (쿠키 [i]);
if (cookie.substring (0, name.length + 1) == (이름 + '=')) {
Cookievalue = DecodeUricomponent (Cookie.Substring (name.length + 1));
부서지다;
}
}
}
Cookievalue를 반환하십시오.
}
};
함수 setfont (size) {
$ .cookie ( 'font_size', size, {만료 : 99999999});
$ ( ". context"). css ( "font-size", size); //. 컨텍스트가 기사 내용의 컨테이너로 변경됩니다
};
$ (document) .ready (function () {
setfont ($ .cookie ( 'font_size') + 'px');
});
Code .context를 기사 콘텐츠 컨테이너로 변경하는 데주의하십시오.
HTML 코드 섹션 :
그런 다음 필요한 경우 다음 코드를 호출하십시오.
다음과 같이 코드를 복사하십시오. <a href = "javaScript : setfont (16)"> 큰 </a>
<a href = "javaScript : setfont (14)"> in </a>
<a href = "javaScript : setfont (12)"> small </a>
setfont () 함수에서 글꼴 크기와 텍스트를 사용자 정의 할 수 있습니다.
이 기사의 설명이 JavaScript를 기반으로 한 모든 사람의 웹 프로그래밍에 도움이되기를 바랍니다.