如何实现banner背景图的循环切换 介绍下思路

Question

<!--head-->
<div id="head">
<div id="site"><a href="#">设为首页</a><span>|</span><a href="#">加为收藏</a></div>
<div id="banner">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">企业介绍</a></li>
<li><a href="#">产品介绍</a></li>
<li><a href="#">解决方案</a></li>
<li><a href="#">公司动态</a></li>
<li><a href="#">客户名录</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
<!--end head-->#head { position:relative;width:1020px;height:460px;margin:0px auto;background:url(../images/banner_01.gif) top center no-repeat; }
#banner{ position:absolute; top:100px; left:224px;}
#banner li{ float:left; width:110px; height:30px; margin-right:1px;}
#banner li a{ display:block; width:110px; height:30px; background:#85b85b; color:#FFFFFF; font-weight:bold; line-height:30px;}
#banner li a:hover{ background:#529933;}

Answer 1

var a = document.getElementById("head");
a.style["background"] = //这里是你要的路径
var t = 0;   
var urls = ['a.jpg','b.jpg','c.jpg];
function SwitchBack() {
   var a = document.getElementById("head");
   t = (t + 1) % 3;
   a.style["background"] = urls[t];
   setTimeout("SwitchBack()",1000); 
}

Answer 2

丢了一句
在后面加上
window.onload = function() {
   SwitchBack();
};

Answer 3

window.onload=choosePic;var t=0;
var urls=["images/banner_01.gif","images/banner_02.gif","images/banner_03.gif"];function choosePic(){
t=Math.floor((Math.random()*urls.length));
document.getElementById("head").style["background"]=urls[t];
rotate();
}
function rotate(){
t++;
if(t==urls.length){
t=0;
}
document.getElementById("head").style["background"]=urls[t];
setTimeout(rotate,3000);
};
我这个和你差不多  ，，，怎么不行呢