阅读背景:

第一百四十二节,JavaScript,封装库--运动动画和透明度动画

来源:互联网 

JavaScript,封装库--运动动画和透明度动画

 

/** yi_dong_tou_ming()方法,说明
 * * yi_dong_tou_ming()方法,将一个元素,进行一下动画操作
 * 1,x将元素横向左移动或者右移动
 * 2, y将元素竖向上移动或者下移动
 * 3,w将元素动画增加或者减少宽度
 * 4,h将元素动画增加或者减少高度
 * 5,o将元素动画增加或者减少透明度
 * *************************************
 *  x将元素横向左移动或者右移动,首先将目标设置定位,position:absolute;
 *  o将元素动画增加或者减少透明度,结合css里元素原始透明度filter: alpha(opacity=0);opacity: 0;
 *  *************************************
 *  yi_dong_tou_ming()方法,参数说明
 *  参数是一个对象如下
 *  yi_dong_tou_ming({
            'attr':'x',        【为动画方式】,   x.为横向移动,y.为竖向移动,w.为增加宽度动画,h.为增加高度动画,o.为透明度动画,【必填】
            'type':'1',        【动画模式】,     0.匀速模式,1.缓冲模式【可选,默认缓冲】
            'speed':6,         【缓冲速度】,     动画模式为缓冲时设置,【可选,默认为6】,以此值改变跨度.每一次动画动态增加或者减少,实现缓冲效果
            'start':50,        【动画起始位置】, 起始的像素或者透明度【可选,默认为对象原始位置】
            'target':100,      【目标量】,       就是在原始的像素或者透明度上,增加或者减少到目标量的像素或者透明度【可先,注意目标量不填,增量必填】
            'alter':50,        【增量】,         就是在对象原始的像素或者透明度上,增加或者减少像素或者透明度【可先,注意增量不填,目标量必填】
            'step':7,          【跨度】,         每一次动画增加或者减少的,像素或者透明度,【可选,默认20】
            't':50             【每次动画时间】, 也就是多少毫秒执行一次动画【可选,默认10】
        });
 ** yi_don



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: