js控制图层的显隐（不是鼠标控制）,该如何处理-JavaSript-爱易网页

js控制图层的显隐（不是鼠标控制）,该如何处理

日期：2014-05-16　浏览次数：20378 次

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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js控制图层的显隐（不是鼠标控制）,该如何处理

相关资料更多>

推荐阅读更多>