用于背景随时间变化的CSS

时间:2014-05-08 19:10:23

标签: javascript jquery css

如何让身体背景随时间而变化? 我需要一些代码,它可以帮助我解决这个问题

这里有人知道吗? 如果是这样,请帮助!

2 个答案:

答案 0 :(得分:0)

假设你有一个背景文件,如image1.jpg,image2.jpg等。使用以下代码来实现目标。

var count = 1;

setInterval(function(){
    $("body").css("background", "url(image"+ count +".jpg)")
    count++;
},30000);

答案 1 :(得分:0)

如果您想使用特定样式,可以为样式编写css,然后使用javascript更改类。

CSS:

.styleNumberOne
{
background:red;
}
.styleNumberTwo
{
background:red;
}

HTML:

<html><head>...</head>
<body onload="function(){setInterval(changeStyle(), 3000);}">....</body></html>

JavaScript的:

var styleUsed="styleNumberOne";

function changeStyle(){
   document.body.className = styleUsed;
   if(styleUsed === "styleNumberOne"){
      styleUsed = "styleNumberTwo";
   } else{
      styleUsed = "styleNumberOne";
   }
}