通过onmouseover选项卡实现img图片的变化_javascript技巧

 代码如下:

图片一

图片二

图片三

图片四

function show(n){
for(var i=1;i<=4;i++){
document.getElementById("tab"+i).style.backgroundColor='green';
document.getElementById("p"+i).style.display='none';
//display实现内容的隐藏与否的控制，当为none是，隐藏
}
document.getElementById("tab"+n).style.backgroundColor='white';
document.getElementById("p"+n).style.display='block';
//当block时，隐藏的即可显示
}