javascript - 使用 Jquery 更改背景图像（添加新图像路径）

Question

我已经有我的自定义背景了。另外，我想添加一个表单字段，让我的访问者可以选择更改它（他们可以将自定义 BG url（任何站点）添加到表单中）+ 结果将存储在 cookie 中。我知道如何在 cookie 中保存任何操作，但是我没有任何关于如何使用表单输入更改 BG 的好例子。

有人可以帮我吗？我会感谢任何链接到一个好的示例（它将支持 Jquery 的 1.9.1 版本）或您自己的示例。谢谢！

Answer 1

试试这个

<input>
<button>done</button>
<div class="bg_img"></div>


$('button').click(function(){
 var bg_url = $('input').val();
    console.log(bg_url)
    $('.bg_img').attr('style','background-image:url('+bg_url+')');
});

这是jsfiddle

Answer 2

在页面加载时使用 jQuery：

$(document).ready(function() {
  $('body').attr('background-image', here is your cookie value where you store the image url);
});