含有JS文件的壁纸如何设置

JavaScript025

含有JS文件的壁纸如何设置,第1张

在div中设置一个id,通过jquery获取id,如下

$("#divId").attr("style","background:url('/kc/system/images/top.png') no-repeatwidth:100%height:128px")

body {background:url(bg.jpg) top center no-repeatbackground-size:cover}这样的话背景图片就会填充整个屏幕了不过要说明的是，这是一个CSS3的属性，在很多浏览器里面都是不被支持的，你所希望的效果，目前来看，只有这个属性可以做到，否则就只能用一个足够大的图片做背景的方法来实现了。另外 background-size:cover还可以替换成 background-size:contain使用cover的意思是把背景图片充满整个容器，而不考虑是不是可以看到完整的图片；使用contain的意思是在容器里完整显示图片，而不考虑容器是否被填满。

1、用JS定义一个图片数组，里面存放你想要随机展示的图片

2、用JS产生一个随机数，当然这个随机数从0开始到imgArr.length-1结束

代码如下:

var index =parseInt(Math.random()*(imgArr.length-1))

就得到当前随机产生的图片

代码如下:

var currentImage=imgArr[index]

3、既然随机产生了一张背景图，那就用JS把这个图片作为背景图。

代码如下:

document.getElementById("BackgroundArea").style.backgroundImage="url("+currentImage+")"

由于这是一个demo，所以在页面上定义了一个id为BackgroundArea的div，同时也是为这个div设置随机背景的。

代码如下:

<div id="BackgroundArea">

</div>