上下移动的效果

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
title>隐藏/显示层/title>
style type="text/css">
/style>
script language="javascript" type="text/javascript">
= max_h){
         getObject('class_cnt1').style.height = "287px"; // 工期高度为287px(因为我们只希望容器这么高)
         getObject('tabclass1').style.backgroundImage="url(http://www.east-dragon.cn/files/sw/images/tab_drop1.gif)"; // 让图片标签改变背景     
         if(tt){window.clearInterval(tt);} // 如果高度在每2毫秒递减，则清楚改行为（如果不清楚，程序将一直自动运行高度每2毫秒递减）
                 }
                 else{ // 如果增加中的容器高度没有超过287px
                getObject('class_cnt1').style.display="block"; // 让容器可见（这样我们才能够看到容器在增高的效果）
                getObject('class_cnt1').style.height = h + "px"; // 容器高度不断的以50px递增
                 }
         }
            
             var tt = window.setInterval(anim,2); // 设置每2毫秒循环一次（每2毫秒，运行一次anim[容器的高度递减50px]）   
}
// 隐藏列表框
function hiddenList(){
       var h = getObject('class_cnt1').offsetHeight; // 内容容器class_cnt1的初始高度（这时高度为：287px）
         var anim = function(){
             h -= 50; // 每次递减50像素
            
             if(h
/script>
/head>
body>
    div class="class_title">
         h2 id="tabclass1" onclick="showClassList()" title="隐藏/显示信息">分类信息/h2>         
    /div>         
    div id="class_cnt1">
    p>
    1111111br />
    111111111br />
    1111111br />
    111111111br />
    1111111br />
    111111111br />
    1111111br />
    111111111br />
    1111111br />
    111111111br />
    1111111br />
    111111111br />
    111111111br />
    /p>
    /div>
/body>
/html>