jquery - jQuery：如何切换刷新页面后仍然存在的背景图像？

Question

我遵循以下样式切换方法：http: //designshack.net/articles/css-style-switcher

它工作得很好，但我需要更改背景图像，因为它会改变颜色。那么我们如何才能改变刷新页面后可能保持不变的背景图像呢？

他们在上面的示例中使用了 cookies 方法来制作样式表，但是我们如何将相同的方法用于单独的图像背景呢？我不是 jQuery 忍者 ;)

Answer 1

使用 javascript，您可以设置和获取 cookie 以拉取要加载的图像 URL。在没有看到所有图像的存储位置的情况下，我不能给你具体的代码，但想法是：

function setCookie(c_name,value,exdays) {
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name) {
    var i,x,y,ARRcookies=document.cookie.split(";");
    for (i=0;i<ARRcookies.length;i++) {
        x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
        y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
        x=x.replace(/^\s+|\s+$/g,"");
        if (x==c_name)
            return unescape(y);
    }
}

然后当你想保存后台 url 时：

setCookie("my_bg","images/my_image1.png", 7);

当您加载页面时：

$('#div_to_set_bg_of').css("background-image": "url("+getCookie("my_bg")+")");