用javascript怎样实现下面的效果？

随便写一个给你,先准备3个简单网页 
news1.html <html>
<body>
新闻新闻新闻新闻新闻
新闻新闻新闻新闻新闻
</body>
</html>news2.html <html>
<body>
图片新闻图片新闻图片新闻
图片新闻图片新闻图片新闻
图片新闻图片新闻图片新闻
</body>
</html>
new3.html 
<html>
<body>
广东新闻广东新闻广东新闻
广东新闻广东新闻广东新闻
广东新闻广东新闻广东新闻
</body>
</html>showNews.html 
<html>
<script>
function changeNews(menu){
    var iframes=document.getElementById("showNews").getElementsByTagName("iframe");    for(var i=0;i<iframes.length;i++){
        if(iframes[i].style.display!="none")iframes[i].style.display="none";
    }
    var newsFrame = document.getElementById(menu.getAttribute("tag"));
    newsFrame.style.display="";
    if(newsFrame.src=="")newsFrame.src=newsFrame.getAttribute("tag");
}
</script>
<body>
<div>
<span id="newsOne"   tag="frame1" onclick="changeNews(this)">新闻</span>
<span id="newsTwo"   tag="frame2" onclick="changeNews(this)">图片新闻</span>
<span id="newsThree" tag="frame3" onclick="changeNews(this)">广东新闻</span>
</div>
<div id="showNews">
<iframe id="frame1" tag="news1.html" src="news1.html" />
<iframe id="frame2" tag="news2.html" style="display:none" />
<iframe id="frame3" tag="news3.html" style="display:none" />
</div>
</body>
</html>