<script>

window.onload=function(){

var uls=document.getElementById('uls');

var lis=uls.getElementsByTagName('li');

for(var i=0;i<lis.length;i++){

lis[i].i=i;

lis[i].onmouseover=function(){

var divs=this.getElementsByTagName('div')[0];

this.className='lihover';

var lish=(this.i-1)*30+42;

var divt=divs.style.top;

var divh=divs.offsetHeight+divt;

if(divh<lish){

divs.style.top=lish+'px';

}

if(divs.offsetHeight>550){

divs.style.top=4+'px';

}

}

lis[i].onmouseout=function(){

this.className='';

}

}

}

</script>