求网站背景图片每刷新一次就变一次背景图片的js代码

JavaScript07

求网站背景图片每刷新一次就变一次背景图片的js代码,第1张

思路错了吧,图片地址就一个数字不一样,所以随机生成一个位数字就可以了,然后把数字加到图片地址里面去

parseInt(Math.random()*10)

具体的也帮你写了一下

<script>

window.onload=function w(){

var i=parseInt(Math.random()*10)

document.getElementById("id").innerText='<img scr="'+i+'.jpg"></img>'

}

</script>

<div id="id"></div>

原理:

文字下面放的只是张红色的背景图片,当鼠标移上去的时候会触发onmousemove事件,在触发该事件后,只需要将背景图片由原来的红色图片换成同等大小的黄图片即可,

当鼠标离开那个区域后,会触发onmouseout事件,此时再将背景那个黄图片换成以前的红色即可,这种效很多网站上都有,不过一般都是正的,你给的那个图上的只不过背景图片是个斜的而已

你进taobao首页就有,原理是一样的,只不过它背景是白色的,鼠标移上去后把背景色换了,他可能不是用的图片, 用的DIV实现 的,但是你给的这个图的背景肯定是图片了