js控制图层的显隐（不是鼠标控制）
怎么根据页面的值来控制图层的显隐呢？
例如我现在有3个图层，每个图层的广告不一样，现根据页面的一个参数xs来控制这三个图层的显隐，比如当XS=0时不显示广告图层，当XS=1时显示广告1，当XS=2时显示广告2,当XS=3时显示广告3 这个用JS可以实现吗？
我找到了用鼠标控制的方法，现在找不到用怎么页面参数控制图层的显隐
参考下面代码，怎么修改？
function changetype(as_type) {
if (as_type=="truck"){
document.all("divcar").style.visibility ="hidden";
document.all("divtruck").style.visibility ="visible";
}
else {
document.all("divcar").style.visibility ="visible";
document.all("divtruck").style.visibility ="hidden";
}
}
<div id="divcar" style="VISIBILITY: hidden">
<div id="divtruck" style="VISIBILITY: hidden">
<IMG onmouseover="javascript:changetype('truck');" src="./images/Trucklabel.jpg" ><IMG onmouseover="javescript:changetype('car');" src="./images/carlaber.jpg" >
能解决这个问题的再加10分
[解决办法]
- HTML code
<html> <head> <script language="JavaScript"> var xs = 1; //在此设定即可function show(n){ for(var i=1;i<=3;i++){ if(i==n) document.getElementById("pad"+i).style.display = "block"; else document.getElementById("pad"+i).style.display = "none"; } }window.onload=function(){ show(xs);}</script></head><body> <div id="pad1" style="display:none;">111111 </div><div id="pad2" style="display:none;">222222 </div><div id="pad3" style="display:none;">333333 </div> </body> </html>