我在网上试过几个教程,但似乎没有一个能正常工作。我想我要做的很简单:
我有 9 个不同的 .jpg 图像,我需要在页面加载时随机显示它们作为背景。这应该很简单吧?
谢谢,
编辑(抱歉,忘记附上代码 - 在网上找到):
$(document).ready(function(){
bgImageTotal=9;
randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1;
imgPath=('../img/bg/'+randomNumber+'.jpg');
$('body').css('background-image', ('url("'+imgPath+'")'));
});
最佳答案
查看本教程:http://briancray.com/2009/12/28/simple-image-randomizer-jquery/
首先创建一个图像数组:
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)] + ')'});
这应该没问题。
关于javascript - 随机 body 背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8827691/