Question

我想在HTML中创建类似于http://www.tomford.com/的网站。

问题是如何创建图像背景

我做了什么：

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

Answer 1

您可以通过jQuery / JS设置背景图像，或者在项目上设置类并在CSS中定义背景图像来实现此目的。

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

基本上

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

OR

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

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

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

Answer 2

你可以用jquery这样做

JS CODE：

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

注意：可以根据特定的选择器（类，标识或标记名称）调用click事件

快乐编码：）

Answer 3

你可以通过CSS3过渡来完成，如here所示。