javascript - 一个 Cookie 中包含更多行

Question

$("#fg2").click(function() {
    //Chrome
    var bgColor = '-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5))';
    //Firefox
    var bgColorff = '-moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%)';
    //Chrome 10+
    var bgColorch = '-webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%)';
    //Opera
    var bgColoro = '-o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%)';
    //ie10
    var bgColorie = '-ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%)';

    var fcolor = 'black';

    $.cookie('background', bgColor);
    $.cookie('background', bgColorff);
    $.cookie('background', bgColorch);
    $.cookie('background', bgColoro);
    $.cookie('background', bgColorie);



    $("#nav").css({
        "background": bgColor

    });
        $("#nav ul li a").css({
        "color": fcolor

    });
            $("#mbar h3").css({
        "color": fcolor

    });
            $("#mbar p").css({
        "color": fcolor

    });
    $("#nav").css({
        "background": bgColorff


    });
    $("#nav").css({
        "background": bgColorch


    });
    $("#nav").css({
        "background": bgColoro


    });
    $("#nav").css({
        "background": bgColorie


    });

    $("#mbar").css({
        "background": bgColor


    });
});

现在，当用户点击 fg2 时，它会更改颜色(渐变)，但不会将其保存到 cookie 中。它仅适用于 Chrome。我想制作渐变，并且有更多的变体可以为每个浏览器做这件事。所以我想在一个“背景”中添加这些渐变。

Answer 1

你为什么不使用 localstorage，我不会喜欢 cookies，除非它们是由服务器创建的。

设置

localStorage.setItem("background", "#ffffff,#e5e5e5");

获取

function readLS(color)
{
var col = color.split(",");
bgColor = [];
bgColor[0] = '-webkit-gradient(linear, left top, left bottom, color-stop(0%,'+col[0]+'), color-stop(100%,'+col[1]+'));';
bgColor[1] = '-moz-linear-gradient(top, '+col[0]+' 0%, '+col[1]+' 100%);';
bgColor[2] = '-webkit-linear-gradient(top, '+col[0]+' 0%,'+col[1]+' 100%);';
bgColor[3] = '-o-linear-gradient(top, '+col[0]+' 0%,'+col[1]+' 100%);';
bgColor[4] = '-ms-linear-gradient(top, '+col[0]+' 0%,'+col[1]+' 100%);';
return bgColor;
}

var opt = readLS(localStorage.getItem("background"));

然后使用你想使用的那个。