通过外部CSS文件生成随机背景图片

什里

我必须使用外部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随机设置网站的背景图片。

请参阅本教程。

随机化背景图片

不可能简单的图像使用jQuery随机化

或者

试试这个方法

首先创建一个图像数组

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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章