-2

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

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

  • 自动改变背景
  • 用户单击图标以更改背景
  • 在 css 或 java 脚本中完成

我做了什么：

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

3 回答 3

2

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

首先，您可以阅读此线程：更改正文中的背景图像

基本上

$('.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您想要单击以触发更改的任何内容在哪里。

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

于 2013-07-23T08:16:02.220 回答
1

你可以用这种方式在jquery中做到这一点

JS代码：

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

注意：点击事件可以根据特定的选择器（类、id或标签名）调用

快乐编码:)

于 2013-07-23T08:17:50.663 回答
0

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

于 2013-07-23T08:19:11.587 回答