UC知道用js怎么实现div背景图片变换？
来源：百度知道 编辑：UC知道 时间：2024/06/24 11:35:05
问题如题
描述：打开一个网页时，要是banner的图片不断自动变化，而图片设为了banner得背景图片了，请问怎么实现？
恳请高手留下代码，谢谢了
图片设为了banner的背景图片，即是div的一个属性，在代码中没有<img>的
描述：打开一个网页时，要是banner的图片不断自动变化，而图片设为了banner得背景图片了，请问怎么实现？
恳请高手留下代码，谢谢了
图片设为了banner的背景图片，即是div的一个属性，在代码中没有<img>的
切换背景图，主要是修改背景的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>
代码写起来比较烦，首先如果是要自动变化的话，你首先需要有一个timer，调用window.setInterval(handler, time)方法去变换，可以写在onload事件里，或者卸载页面最后用<script><script>块里面
页面上有一个div的话，这个div里面应该有个<img>的吧，图片的话你用一个数组将文件名放起来，搞个随机数，然后就将img.src = 'arr[i]'；这样弄就应该能实现
与服务器交互，ajax 很容易可以实现。
找下相关列子。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 图片加载完毕后自动轮换 </TITLE>
<META NAME="Generator" CONTENT="