请问如何实现下拉菜单的淡进效果？

[deluoba3]

这是一段下拉菜单的代码，希望能让里面的dd实现淡进效果，应该怎么修改呢？

源代码
<script type="text/javascript">
window.onload=function()
{
var oNav=document.getElementById("nav");
var oDl=oNav.getElementsByTagName('dl');
var i=0;
var timer=null;


for(i=0;i<oDl.length;i++)
if(oDl[i].className=='one'){
oDl[i].onmouseover=function(){
var odd=this.getElementsByTagName('dd')[0];
var aa=this.getElementsByTagName('a')[0];
aa.className='hover';
odd.style.display='block';
}


oDl[i].onmouseout=function (){
var odd=this.getElementsByTagName('dd')[0];
var aa=this.getElementsByTagName('a')[0];
aa.className='';
odd.style.display='none';


}
}
}
</script>