Jquery 后台切换页面加载

Jquery 后台切换页面加载,jquery,background,switch-statement,Jquery,Background,Switch Statement,我见过很多基于链接类的不同背景切换,但是我只希望在任何页面加载(没有cookie)上有一个简单的背景切换程序,并且不依赖于链接 有没有一个简单的方法?jquery?正在寻找javascript 例如: setInterval("switchBackground()", 1000); function switchBackground( ) { $("body").css("backgroundImage", "xxx"); } 我希望这有帮助 编辑: 要在开始时生成随机背景,请执行以下

我见过很多基于链接类的不同背景切换,但是我只希望在任何页面加载(没有cookie)上有一个简单的背景切换程序,并且不依赖于链接


有没有一个简单的方法?jquery?

正在寻找javascript

例如:

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;
   }
});

你在找javascript吗

例如:

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;
   }
});

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”声明更改为“backgroundImage”,并将“url()”添加到图像路径中。JavaScript使用CamelCase符号表示CSS属性,而jQuery不使用

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”声明更改为“backgroundImage”,并将“url()”添加到图像路径中。JavaScript使用CamelCase符号表示CSS属性,而jQuery不使用

你说的背景切换是什么意思?我相信页面背景图像切换。你说的背景切换是什么意思?我相信页面背景图像切换。这正是我要做的,可能存储间隔的实例以允许取消间隔。(+1)这是正确的-但是,我认为我不需要间隔。我只想在页面加载时加载一个随机的主体背景。啊,我误解了你的问题。我希望新的编辑更好!非常感谢@Mouhannad-另外,如果我为图像添加一个类(100%背景填充),它会产生任何问题吗?好的,我尝试向图像添加class=“background full”,然后向css-body.background-full添加一个body类{width:100%;position:absolute;top:0;left:0;这正是我要做的,可能存储间隔实例以允许取消它。(+1)这是正确的-但是,我不认为我需要间隔。我只想在页面加载时加载一个随机的主体背景。啊,我误解了你的问题。我希望新的编辑更好!非常感谢@Mouhannad-另外,如果我为图像添加一个类(100%背景填充),它会产生任何问题吗?好的,我尝试添加了类=将“background full”添加到图像中,然后将body类添加到css-body.background-full{width:100%;position:absolute;top:0;left:0;