jquery CSS -旋转背景图像

gz5pxeao 于 2022-12-12 发布在 jQuery

关注(0)|答案(2)|浏览(145)

我有一个使用背景图像的CSS样式（代码：background-image: url("folderimage.jpg");）。有没有一种方法可以使用jQuery/CSS在多个CSS背景图像之间旋转？（请提供一个例子）。

jquery

来源：https://stackoverflow.com/questions/10345605/css-rotating-a-background-image

2条答案

按热度按时间

i7uaboj41#

这类的东西会工作。我还没有测试代码，但想法是有一个数组的五个图像，并改变他们超时后。我可以解释代码，如果你需要。

var theImages = new Array(); 

theImages[0] = '1.gif'
theImages[1] = '2.gif'
theImages[2] = '3.gif'
theImages[3] = '4.gif'
theImages[4] = '5.gif'

function changeBGImage(){
  var whichImage = Math.round(Math.random()*(p-1));
  jQuery('#elementHavingProperty').css('background-image','url('+theImages[whichImage+'])');
} 

movement = setTimeout("changeBGImage()",1000000);

赞(0）回复(0）举报 2022-12-12

olhwl3o22#

也许是主题。但是你可以看看我的代码，看看我是如何旋转页面上的所有内容的。
My web page

赞(0）回复(0）举报 2022-12-12