4 jQuery04 动画

1、前端领域实现动画效果的技术:(1).css transition; (2).css keyframes; (3).js 定时器; (4).jQuery1和2也是js定时器; (5).jQuery3  animate();[底层也是定时器];[ 补充:requestAnimationFrame(); // 最新,最快、最流畅的动画技术,用户体验感特别好,其不采用定时器(定时器效率不高,容易卡死)]

2、常用动画/效果:

show(speed,e,callback);//参数选填:speed:normal/slow/fast;或者是时间(毫秒数);e: 默认是swing,也可为linear,表示速率函数;callback:表示回调函数; --->>> 同理其它也是如此;[normal/slow/fast都是时间的别名,类似于颜色值中red/blue/yellow是#f40以及颜色函数的别名]

[ 补充:js中涉及时间使用的都是毫秒数,因为计算机执行便是以毫秒计算;关于函数的参数问题,大多都是选填的,灵活性更好]

4 jQuery04 动画_第1张图片

3、自定义动画animate(); 以及delay(); stop();的使用:

[animate();底层使用定时器修改指定的属性,但其只能修改有数值的,类似width/height; 却不能把display:none -> block]

[animate();//首个参数属性名,属性$值最好都加上引号;(jQuery中涉及对象的写法都是属性值要加双引号,css();animate({})都是如此)]

4 jQuery04 动画_第2张图片

4、demo练习;

你可能感兴趣的:(4 jQuery04 动画)