Question

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

有人能帮帮我吗？我会在这里给出一个很好的例子（它将支持1.9.1版本的Jquery）或你自己的例子。谢谢！

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);
});

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

2 个答案: