我必须使用外部CSS文件随机更改类的背景图片。图像必须从定义路径中随机选取。
我知道如何在php中处理此问题,我必须在外部CSS文件中实施它。
寻找任何CSS技巧。
这是css类的属性。
.birthday
{
background:url(../images/Bday.jpg) no-repeat center;
font: bold 25px "trebuchet ms", Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #930204;
padding: 25px 0px 0px 200px;
height: 195px;
}
路径是根据文件结构给出的。
不能使用pure CSS
。
另外,您可以使用javascript随机设置网站的背景图片。
请参阅本教程。
或者
试试这个方法
首先创建一个图像数组
var images = ['img1.jpg', 'img2.jpg', 'img3.jpg', 'img4.jpg', 'img5.jpg'];
现在,将随机图像设置为背景图像:
$('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'});
希望这段代码对您有所帮助,谢谢..
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句