Javascript 随机体背景图像
我在网上试过几个教程,似乎都没有一个能正常工作。我想我要做的很简单: 我有9个不同的.jpg图像,我需要随机显示在页面加载的背景。这应该相当简单,对吗 谢谢 编辑(抱歉,忘记附加代码-在web中找到): 查看本教程: 首先创建一个图像数组:Javascript 随机体背景图像,javascript,jquery,random,background,document-body,Javascript,Jquery,Random,Background,Document Body,我在网上试过几个教程,似乎都没有一个能正常工作。我想我要做的很简单: 我有9个不同的.jpg图像,我需要随机显示在页面加载的背景。这应该相当简单,对吗 谢谢 编辑(抱歉,忘记附加代码-在web中找到): 查看本教程: 首先创建一个图像数组: var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg']; 然后,将随机图像设置为背景图像: $('body').css({'background
var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg'];
然后,将随机图像设置为背景图像:
$('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'});
这应该没问题。使用jQuery:$(“body”).css(“背景图像”,“url”(+Math.floor(Math.random()*9)+“.jpg”)代码>
这是假设您的图像名为0.jpg,直到8.jpg,并且与您的页面位于同一目录中。如果您发布了一些您尝试使用的代码,但这些代码不起作用,而只是要求他人为您编写。是的,抱歉。。忘记附加代码。是的,这完全取决于您使用的语言以及如何执行。相关:发布的代码假定您的图像存储在名为img
的文件夹中,该文件夹与html所在的文件夹处于同一级别,位于名为bg
的子文件夹中。它还假设您的图像被命名为1.jpg
,2.jpg
等。这都是真的吗?我该怎么称呼我的函数?我不习惯javascript,谢谢。您不需要调用函数,只需将它放在jQuery$(文档)中即可。就绪(function(){}标记。是的,它可以工作!我对指向jQuery的脚本链接有问题。我一开始没有链接库。谢谢!没问题,很高兴我能提供帮助。如果可以,我非常感谢您接受我的答案!
$('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'});