Javascript 如何改变背景_Javascript_Jquery_Html_Css_Background

Javascript 如何改变背景

javascript jquery html css

Javascript 如何改变背景,javascript,jquery,html,css,background,Javascript,Jquery,Html,Css,Background,我想创建一个类似的网站，但在HTML 问题是，我如何创建一个背景图像自动更改背景用户单击图标以更改背景用css或java脚本完成我所做的： <body style="background: url(url of image) repeat-x repeat-y center"></body> 您可以通过jQuery/JS设置背景图像，或者通过在项目上设置一个类并在CSS中定义背景图像来实现要执行第一步，您可以通读以下线程：基本上 $('.icon').c

我想创建一个类似的网站，但在HTML

问题是，我如何创建一个背景图像

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

我所做的：

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

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

要执行第一步，您可以通读以下线程：

基本上

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

或

其中，

.icon

是您想要单击以触发更改的任何东西

然后，您只需在CSS中声明

.bg1

的背景。

您可以用jquery这样做

JS代码：

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

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

快乐编码：）

您可以通过CSS3转换来完成，如图所示。

看看这里：。无需重新设计样式表。您使用的是外部样式表，还是所有样式都是内联的？

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