Question

是否可以创建某种下拉列表或按钮，将网页的背景从一个jpg或png更改为另一个？我不会使用背景颜色。我不在乎是否涉及CSS或Javascript。

我不能使用jQuery，因为我不熟悉它或如何正确使用它。

Answer 1

是的，你可以。您可以使用带有选项的简单选择下拉列表，并将bg图像设置为数据属性。然后在js中检查“更改”上的选择并将数据attribut（bgimage）设置为背景。

Answer 2

是的，你可以这样做。在下面的示例中，我使用一个按钮来更改背景图像。您还可以使用下拉列表更改背景图像。

HTML代码

<button id ="btn">Click Me!</button>

jQuery代码

 $("#btn").click(function(){
    $("body").css("background-image", "url(/myimage.jpg)");
});

使用完整代码修改帖子：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">//This link Imports jquery library</script>  

<script>

//This code is responsible for changing the image on button click
$(document).ready(function()
{
        $("#btn").click(function()
        {
            $("body").css("background-image", "url(/myimage.jpg)");
        });
});
</script>
</head>
<body>

<button id ="btn">Click Me!</button>

</body>
</html>

如何选择更改网站的背景

2 个答案: