2010-10-25 72 views
1

我见过很多不同的背景切换基于链接类,但我只想要一个简单的后台切换器在任何页面加载(没有饼干),而不是链接依赖。背景切换页面加载

有没有简单的方法呢? jQuery的?

+1

你是什么意思的背景切换? – 2010-10-25 14:28:03

+0

页面背景图像切换我相信。 – 2010-10-25 14:50:00

回答

3

正在查找javascript timers

例子:

setInterval("switchBackground()", 1000); 

function switchBackground() 
{ 
    $("body").css("backgroundImage", "xxx"); 
} 

我希望这帮助!

编辑:

要产生在启动随机背景:

$(document).ready(function() { 
    //This will be random from bg1.jpg to bg10.jpg 
    $("body").css("backgroundImage", "/images/bg"+GenerateNumber(10)+".jpg"); 

    //1 to max 
    function GenerateNumber(max) { 
     return Math.floor(Math.random()*max) + 1; 
    } 
}); 
+0

这正是我会这么做的,也许存储间隔的实例以允许它被取消。 (+1) – Bob 2010-10-25 14:50:22

+0

这是正确的轨道 - 但是,我不认为我需要间隔。我只是想要一个随机的身体背景加载页面时加载。 – Jason 2010-10-25 15:04:38

+0

啊,我误解了你的问题。我希望新的编辑更好! – Mouhannad 2010-10-25 15:23:39

3

由Mouhannad提供的随机背景图像的代码并没有为我工作,我不得不做出一些小的为了编辑为它的运行:

$(document).ready(function() { 
    //This will be random from bg1.jpg to bg10.jpg 
    $("body").css("background-image", "url(/images/bg"+GenerateNumber(10)+".jpg)"); 

    //1 to max 
    function GenerateNumber(max) { 
     return Math.floor(Math.random()*max) + 1; 
    } 
}); 

我需要改变“将backgroundImage”声明“背景图片”的d还将“url()”添加到图像路径。 JavaScript使用CamelCase符号表示CSS属性,jQuery不使用。