活动页面常用（easing备忘） - HelloWorld开发者社区

活动页面常用（easing备忘）

协程盆景

2019-10-28 17:02 • 阅读 1345

jquery.easing.js增强动画过渡效果：
(1)引入插件：
<script type="text/javascript" src="http://lib.sinaapp.com/js/jqu...;></script>
<script type="text/javascript" src="http://gsgd.co.uk/sandbox/jqu...;></script>
(2)启用插件：
$('.aa').animate( {'width':'600'} , { duration:1000,easing:'easeInOutCirc' });
(3)插件的参数：
duration,easing,complete
(4)jquery.easing.js 图解
活动页面常用（easing备忘）
1.linear

活动页面常用（easing备忘）
2.swing

活动页面常用（easing备忘）
3.easeInQuad

活动页面常用（easing备忘）
4.easeOutQuad

活动页面常用（easing备忘）
5.easeInOutQuad

活动页面常用（easing备忘）
6.easeInCubic

活动页面常用（easing备忘）
7.easeOutCubic

活动页面常用（easing备忘）
8.easeInOutCubic

活动页面常用（easing备忘）
9.easeInQuart

活动页面常用（easing备忘）
10.easeOutQuart

活动页面常用（easing备忘）
11.easeInOutQuart

活动页面常用（easing备忘）
12.easeInQuint

活动页面常用（easing备忘）
13.easeOutQuint

活动页面常用（easing备忘）
14.easeInOutQuint

活动页面常用（easing备忘）
15.easeInExpo

活动页面常用（easing备忘）
16.easeOutExpo

活动页面常用（easing备忘）
17.easeInOutExpo

活动页面常用（easing备忘）
18.easeInSine

活动页面常用（easing备忘）
19.easeOutSine

活动页面常用（easing备忘）
20.easeInOutSine

活动页面常用（easing备忘）
21.easeInCirc

活动页面常用（easing备忘）
22.easeOutCirc

活动页面常用（easing备忘）
23.easeInOutCirc

活动页面常用（easing备忘）
24.easeInElastic

活动页面常用（easing备忘）
25.easeOutElastic

活动页面常用（easing备忘）
26.easeInOutElastic

活动页面常用（easing备忘）
27.easeInBack

活动页面常用（easing备忘）
28.easeOutBack

活动页面常用（easing备忘）
29.easeInOutBack

活动页面常用（easing备忘）
30.easeInBounce

活动页面常用（easing备忘）
31.easeOutBounce

活动页面常用（easing备忘）
32.easeInOutBounce

参考链接：easing扩展

点赞

收藏

评论区

协程盆景

Lv1

伤见路旁杨柳春，一重折尽一重新。今年还折去年处，不送去年离别人。

文章

3

粉丝

0

获赞

0

热门文章

Mybatis学习笔记

如何利用webpack搭建vue环境