动态有关问题 _HTML/CSS

动态问题
不太会，
比如一个div包含着俩个div(导航条与正文)
<div class="a">
<div class="b">
<ul>
<li>新闻<li/>
<li>湖南新闻<li/>
</ul>
</div>
<div class="c">
<ul>
<li>aaaa<li/>
<li>aaaaaa<li/>
<li>aaaa<li/>
<li>aaaaaa<li/>
<li>aaaa<li/>
<li>aaaaaa<li/>
</ul>
</div>
</div>

导航条有新闻湖南新闻
当鼠标移动到湖南新闻这导航条，正文那就会显示有关湖南的新闻，当鼠标移动到新闻那里，正文就会显示新闻所显示内容。（如若听不明白可以去新浪看下。。）

------解决方案--------------------

JScript code


function show1(){
    var news = document.getElementById('content');
    news.style.display = 'block';
    var hnnews = document.getElementById('hnContent');
    hnnews.style.display = 'none';
}
function show2(){
    var news = document.getElementById('content');
    news.style.display = 'none';
    var hnnews = document.getElementById('hnContent');
    hnnews.style.display = 'block';
}