如何更改背景[关闭]答案

【问题标题】：How to change background [closed]如何更改背景[关闭]
【发布时间】：2013-07-22 04:50:28
【问题描述】：

我想创建一个类似于http://www.tomford.com/ 的网站，但使用 HTML。

问题是如何创建图像的背景

我做了什么：

<body style="background: url(url of image) repeat-x repeat-y center"></body>

【问题讨论】：

【解决方案1】：

您可以通过 jQuery/JS 设置背景图像或在项目上设置一个类并在 CSS 中定义背景图像来做到这一点。

要做第一个，你可以阅读这个帖子：change background image in body

基本上

$('.icon').click(function() {
    $('body').css('background-image', 'url(../images/backgrounds/header-top.jpg)');
});

或

$('.icon').click(function() {
    $('body').removeClass().addClass('bg-1'); 
    //removes all classes, then adds the new class
});

.icon 是您想要单击以触发更改的任何内容。

然后，您只需在 CSS 中为 .bg1 声明一个背景。

【讨论】：

【解决方案2】：

你可以在jquery中这样做

JS 代码：

var url="http://......."
$('...').on('click',function(){ 
    $('body').css('background:',url);
});

注意：点击事件可以根据具体的选择器(class,id or tag name)调用

快乐编码:)

【讨论】：

【解决方案3】：

您可以通过 CSS3 过渡来实现，如 here 所示。

【讨论】：