原网站地址 : Squarespace
作品地址: Dai Mingyu - Squarespace Home Page
预览 : Squarespace Home Page
- /index.html : 入口文件
- /js : js库文件
- /css: css库文件
- /images : 图片资源
- /fonts : 字体资源
- /log:存放登陆页文件夹
<script type='text/javascript' src='https://cdn.bootcss.com/jquery-easing/1.4.1/jquery.easing.min.js'></scrip>
$('.aa').animate({'width':'600'} , 1000 , 'easeInOutCirc');
参考链接: jquery ui api - easings
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css">
<div class="item animated"></div>
var oDiv = $('.item');
oDiv.addClass('bounce');
参考链接: animate.css
因为有时候不可能用到全部的动画,所以可以将部分动画抽离出来使用,在这个应用中我抽离出来了四个动画,分别在以下四个文件中:
- fade_in_down.css
- fade_in_left.css
- fade_in_up.css
- fade_out_right.css