JS 伸缩效果代码 (上下伸缩)

代码

function toMinBox(obj) {
var speed = 10 ;
function strechH() {
var h = obj.offsetHeight;
if (h - speed <= 0 ) {
obj.style.display = " none " ;
clearInterval(intervalID_Min);
}
else {
obj.style.height = (h - speed) + " px " ;
}
}

intervalID_Min = setInterval(strechH, 2 );
}

function toMaxBox(obj) {
obj.style.display = " block " ;
var speed = 10 ;
var originalHeight = ! obj.childNodes[ 0 ].offsetHeight ? obj.getElementsByTagName( " ul " )[ 0 ].offsetHeight : obj.childNodes[ 0 ].offsetHeight;
function strechM() {
var h = obj.offsetHeight;
if (h >= originalHeight) {
clearInterval(intervalID_Max);
}
else {
obj.style.height = (h + speed) + " px " ;
}
}

intervalID_Max = setInterval(strechM, 2 );
}

 

转载于:https://www.cnblogs.com/bndy/articles/1692164.html