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