本文实例讲述了Javascript实现div的toggle效果。分享给大家供大家参考。具体分析如下：
=parseInt(maxheight))
{
$(toggleid).style.height=maxheight+'px';
$(toggleid).style.display='block';
$(parentid).innerHTML='收缩';
window.clearInterval(addtimer);
}
}
var addtimer=window.setInterval(openfun,100);
}
else if(method.toLowerCase()=='close')
{
var addspeed=speed+offset;
var reducefunction=function()
{
var originheight=$(toggleid).offsetHeight;
var newheight=originheight-addspeed;
addspeed=addspeed+offset;
if(parseInt(newheight)>parseInt(minheight))
{
$(toggleid).style.height=newheight+'px';
$(toggleid).style.display='block';
}
else
{
$(toggleid).style.display='none';
$(toggleid).style.height='1px';
$(parentid).innerHTML='展开';
window.clearInterval(reducetimer);
}
}
var reducetimer=window.setInterval(reducefunction,100);
}
}
function DoToggle(obj1,obj2)
{
var tog=new ToggleDiv();
tog.ToggleId=obj1;
tog.ParentId=obj2;
tog.minHeight=5;
tog.maxHeight=110;
tog.speed=10;
tog.offset=3;
tog.load();
}
用法示例如下：
SEOver="this.style.cursor='pointer';">展开@H_403_8@
