关于控制div的显隐

   为了实现点击不同的图片是在同一块区域显示不同的内容，用了两个ap div，在js中应用如下函数实现

function panelViews2(flag) {xinwen.style.display = "none";

 gonggao.style.display = "none";
         switch(flag) {
case 1:
xinwen.style.display = " ";
document.imgKP1.src="image/xinwen_1_2.gif";
document.imgKP2.src="image/xinwen_2_1.gif";
break;
      case 2:
gonggao.style.display = " ";
document.imgKP1.src="image/xinwen_1_1.gif";
document.imgKP2.src="image/xinwen_2_2.gif";

}

}

但是在加载页面时，两个div却都在显示，当鼠标放在图片上后才获得想要的结果（在图片上设置onmouseover行为），我首先将一个div的display设置为none，但是当鼠标放在相应的图片上时，那个div根本不在显示。我起初怀疑是函数未加载，于是尝试了几种在打开页面几加载函数的方法，但都未奏效，但是在js中将xinwen.style.display = " ";该为xinwen.style.display = " block";另一个也这样改。问题解决了！

原来一般都是用display:none和display:block来控制层的显示