请问如下这种效果怎么实现？（DW制）

来源：百度知道 编辑：UC知道 时间：2024/05/07 06:59:13
当鼠标移动到导航条时``下面的内容会变化的`

自己订的百度新闻的代码，做的就是那样的效果<html>
<head>
<style type=text/css> div{font-size:12px;font-family:arial}.baidu{font-size:14px;line-height:25px;font-family:arial} a,a:link{color:#1C11DB;}
.baidu span{color:#333;font-size:12px} a.more{color:#008000;}a.blk{color:#333;}</style>
<style type="text/css">

#test1 { width: 610px; }
/* 头部总体 css */
.ntab2-head {
clear:both; height: 21px;
border-bottom: #c2130e 3px solid;
text-align: center;
}
/* 头部标头的 css */
.ntab2-head p {
float:left; font-size: 14px; font-weight: bold;
width: 80px; height: 21px;
}
/* 头部列表的 css */
.ntab2-head li {
float:left; background: #dcdcdc; border-left: #f2f2f2 1px solid;
width: 100px; cursor: pointer; font-size: 14px;
line-height: 21px; list-style-type: none;
}
.ntab2-head li.current {
background: #c2130e; color: #ffffff; cur