想实现一个这样的效果

Question

一个按钮，text是一个大类的名称，鼠标放上去，下面浮动显示出所属的小类，鼠标移出按钮，浮动小类消失，小类是在后台动态添加的，请问这样的效果代码应该怎么实现

Answer 1

<button id="comeon">鼠标放上来</button>
<div id="small"></div>
<script language="javascript">
var od=document.getElementById('comeon');
var small=document.getElementById('small')
var ts=null;
od.onmouseover=function(){
if(!ts)
ts=ajax.getDate();
small.style.display="";
small.innerHTML=ts;
}
od.onmouseout=function(){
small.style.display='none';
}
var ajax={};
ajax.getDate=function(){
return '小类1，小类2，小类3'
}
</script>