我使用的是我在网上发现的该脚本,每当刷新浏览器时,该脚本上都会显示随机的背景图片。
的CSS
body{
background: no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
JS
$(document).ready(function(){
var images=['images/001.jpg',
'images/002.jpg',
'images/003.jpg',
'images/004.jpg',
'images/005.jpg',];
var randomNumber = Math.floor(Math.random() * images.length);
var bgImg = 'url(' + images[randomNumber] + ')';
$('body').css({'background':bgImg, 'background-size':'cover', });
});
在大于1150px的屏幕上工作正常,但小于此值的图像将开始在一个屏幕上叠加。无论屏幕大小如何,我如何都能将其拉伸。我不在乎图像是否会在小屏幕上裁剪,只要它能填满整个屏幕即可。
谢谢
像这样
JS
$(document).ready(function(){
var classCycle=['imageCycle1','imageCycle2'];
var randomNumber = Math.floor(Math.random() * classCycle.length);
var classToAdd = classCycle[randomNumber];
$('body').addClass(classToAdd);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句