css 如何实现随机背景图？

html-css0135

css 如何实现随机背景图？,第1张

css只负责静态样式，无法做任何逻辑运算，如果需要随机背景，需要js配合使用

// 首先，定义一个数组，用于存放所有的背景图片

var arr = new Array()

// 将所有背景图放入arr内

arr.push('背景图地址', '背景图地址', '背景图地址')

// 随机获得一个键值

var bg = Math.floor((Math.random() * arr.length))

// 将背景图片放入body的css中

$('body').css('background-image', arr[bg])

点击图片随机变化图片前端具体弄法如下：

1、先控制图片的定位都是有css的一个position属性来做的，图片就是去改变定位中的left值。

2、接着在JavaScript里面写随机数逻辑运算。

3、准备一组图片，将图片加入程序，再根据写的逻辑就能随机变化了。