代碼

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

總結

以上是生活随笔為你收集整理的JS 伸缩效果代码 (上下伸缩)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。