学习要点：
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;
感谢收看本次教程！
网友评论