28.项目 1-博客前端：封装库--展式菜单

学习要点：

1.问题所在
2.设置代码

我们希望下来菜单的效果通过展开来实现，再这之前解决两个问题。

一．问题所在

1.多个动画运行的时候，一个列队动画会执行两次。

2.多个动画使用了一个定时器，如果数值太极端就会导致无法达到终值。

二．设置代码

//创建一个判断是否多个动画全部执行完毕
var flag = true;
//判断透明度动画是否执行完毕，没有就是 false，parseInt(target) 防止小数
if (parseInt(target) != parseInt(parseFloat(getStyle(element, attr)) * 100)) flag = false;
//判断运动动画是否执行完毕，没有就是 false
if (parseInt(target) != parseInt(getStyle(element, attr))) flag = false;
//如果 flag 为真，说明动画全部执行完毕
if (flag) {
clearInterval(element.timer);
if (obj.fn != undefined) obj.fn();
}

PS：对于展式菜单，主要 CSS 隐藏问题：overflow=hidden;
感谢收看本次教程！