仿YAHOO的一个小效果 下拉效果
隐藏/显示层
= 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
分类信息
1111111
111111111
1111111
111111111
1111111
111111111
1111111
111111111
1111111
111111111
1111111
111111111
111111111
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]