1.定时器的清除
部分动画效果需要js自动生成,时间的控制使用了timeout和innertal,其中timerout包含了innertal,点击事件和定时器不在同一个js文件中,快速来回点击的时候,定时器清除不起作用。
解决方案:将该li对应页的所有定时器绑定在该li身上,每次点击的时候清除timeout和innertal。
2.带阴影折线运动处理
对于倾斜的div通过js改变其高度,并且按照数学逻辑改变top和left值的情况下,div在运动时候会出现偏移,和抖动。
解决方案:给div一个运动基准点,这样div在运动的时候就无需改变top和left值,只需要改变宽度或高度即可。
3.抛物线的运动
css中两个点运动都是直线运动。
解决方案:给初始点一个旋转角度,这样看起来就有抛物线的感觉。
4.遮罩层处理
在多层级的html渲染中,中间图层的遮罩效果无法实现。
解决方案:遮罩层可以在最底层使用,但是中间层级的遮罩效果需要对图片进行处理,改成png图片,再进行css操作。