用js怎么实现div背景图片变换?

发布网友发布时间：2022-04-28 21:31

共2个回答

热心网友时间：2022-04-23 08:21

代码写起来比较烦，首先如果是要自动变化的话，你首先需要有一个timer，调用window.setInterval(handler,
time)方法去变换，可以写在onload事件里，或者卸载页面最后用<script><script>块里面
页面上有一个div的话，这个div里面应该有个<img>的吧，图片的话你用一个数组将文件名放起来，搞个随机数，然后就将img.src
=
'arr[i]'；这样弄就应该能实现

热心网友时间：2022-04-23 09:39

切换背景图，主要是修改背景的url：下面是一个小例子：
<body>
<div id="div1" style="width:100px; height:100px; background:"url(../1.png)"></div>
</body>
<script>
var oDiv = document.getElementById('div1');
oDiv.onclick = function(){
oDiv.style.background = 'url(../2.png)'; //直接切换背景色。
};
</script>