js 페이지 텍스트 크기 및 배경색 전환


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript" src="http://f3.v.veimg.cn//xz/answer/js/jquery-1.9.1.min.js">script>
    <script type="text/javascript">
        $(function () {
            function getCookie(name) {
                var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
                if (arr = document.cookie.match(reg))
                    return unescape(arr[2]);
                else
                    return null;
            }
            function setCookie(name, value) {
                var Days = 30;
                var exp = new Date();
                exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
                document.cookie = name + "=" + value + ";expires=" + exp.toGMTString();
            }
            var cookie_color_name="bg_color";
            var cookie_color_value=getCookie(cookie_color_name);
            console.log(" ："+cookie_color_value);
            if(cookie_color_value!=null) {
                $("#pText").css("background-color", cookie_color_value);
            }
            $("#btnRed").click(function () {
                $("#pText").css("background-color", "red");
                setCookie(cookie_color_name,"red");
            });
            $("#btnYellow").click(function () {
                $("#pText").css("background-color", "yellow");
                setCookie(cookie_color_name,"yellow");
            });
            var co_font="font_size";
            var co_value_size=getCookie(co_font);
            console.log(" ："+co_value_size);
            if(co_value_size!=null) {
                $("#pText").css("font-size",co_value_size);
            }
            $("#btnAdd").click(function () {
                $("#pText").css("font-size", "20px");
                setCookie(co_font,"20px");
            });
        });
    script>
head>
<body>
<div id="pText">
<p> p>
<p> p>
div>
<input id="btnSub" type="button" value=" "/>
<input id="btnAdd" type="button" value=" "/>
<input id="btnRed" type="button" value=" - "/>
<input id="btnYellow" type="button" value=" - "/>
body>
html>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

js 에서 sort () 방법의 용법, 파라미터 및 정렬 원리

sort () 방법 은 배열 의 요 소 를 정렬 하 는 데 사 용 됩 니 다.문법: arrayObject. sort (sortby);인자 sortby 선택 가능.정렬 순 서 를 정 하 다.함수 여야 합 니 다.주: ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

js 페이지 텍스트 크기 및 배경색 전환

좋은 웹페이지 즐겨찾기