资源简介
animateControl v1.0.3 的功能特点:
1、完全兼容swiper的loop模式,完美支持swiper的嵌套。
2、完美支持animate.css,能够为页面中的任意元素添加动画。
3、完美支持为单个元素同时添加多个animate.css动画效果(无需进行HTML标签的嵌套),并且,可以随意控制这些动画效果的播放方式。
4、能够设置每一个动画效果的播放方式:同步播放、依次播放、循环播放。
5、能够设置每一个动画效果的动画类型:进入动画、表演动画、退出动画(在animate.css的源码中,opacity值从0至100的是进入动画,没有opacity属性的是表演动画。opacity值从100到0的是退出动画)。
6、实现了排版效果、动画效果、动画控制的完美分离,极大的提高了开发效率,能够在很短的时间内实现复杂的动画效果控制。
7、animateControl 不与swiper结合时,可对网页中的其它元素添加动画效果,并进行控制。
8、能够让不懂JS代码的人,经过简单的学习,就能快速的制作HTML5+CSS3动态微网页。
9、在 v1.0.3 中对整个核心代码进行了优化,大大提升了运行速率,使动画播放更流畅。
10、在 v1.0.3 中简化了所有参数的名称,让使用变得更加简单(用更少的代码,就能实现更复杂的效果)。
11、本次发布的动画控制器文件为min版,大大减少了文件的体积(下载解压后,文件位置在:js/swiper.animate.min.js)。
代码片段和文件信息
属性 大小 日期 时间 名称
----------- --------- ---------- ----- ----
文件 84345 2015-09-23 14:59 js\jquery-2.1.4.min.js
文件 1070 2015-11-29 13:31 js\loading.js
文件 12871 2015-11-29 19:34 js\swiper.animate.min.js
文件 3155 2015-11-29 10:52 js\swiper.animate.param.js
文件 71393 2015-11-21 11:39 js\swiper.min.js
文件 6999 2015-11-29 20:33 index.html
文件 55222 2015-08-28 10:52 css\animate.min.css
文件 3248 2015-11-28 21:20 css\index.css
文件 1913 2015-11-29 13:07 css\loading.css
文件 15163 2015-11-21 11:39 css\swiper.min.css
文件 1460 2015-08-04 11:58 img\btn_design.png
文件 1474 2015-08-04 11:58 img\btn_develop.png
文件 1325 2015-08-04 11:58 img\btn_join.png
文件 1444 2015-08-04 11:58 img\btn_production.png
文件 1635 2015-08-04 11:58 img\check_design.png
文件 1639 2015-08-04 11:58 img\check_develop.png
文件 1635 2015-08-04 11:58 img\check_production.png
文件 3008 2015-08-04 11:58 img\circle-design.png
文件 3938 2015-08-04 11:58 img\circle-production.png
文件 7532 2015-08-04 11:58 img\circle.png
文件 42703 2015-08-04 11:58 img\cover.png
文件 296 2015-08-04 11:58 img\dot1.png
文件 288 2015-08-04 11:58 img\dot2.png
文件 3205 2015-08-04 11:58 img\floating_design.png
文件 2423 2015-08-04 11:58 img\floating_develop.png
文件 3555 2015-08-04 11:58 img\floating_production.png
文件 273 2015-08-04 11:58 img\icon_up.png
文件 37481 2015-08-04 11:58 img\introduction.png
文件 40007 2015-08-04 11:58 img\introduction_design.png
文件 39073 2015-08-04 11:58 img\introduction_production.png
............此处省略16个文件信息
----------- --------- ---------- ----- ----
文件 84345 2015-09-23 14:59 js\jquery-2.1.4.min.js
文件 1070 2015-11-29 13:31 js\loading.js
文件 12871 2015-11-29 19:34 js\swiper.animate.min.js
文件 3155 2015-11-29 10:52 js\swiper.animate.param.js
文件 71393 2015-11-21 11:39 js\swiper.min.js
文件 6999 2015-11-29 20:33 index.html
文件 55222 2015-08-28 10:52 css\animate.min.css
文件 3248 2015-11-28 21:20 css\index.css
文件 1913 2015-11-29 13:07 css\loading.css
文件 15163 2015-11-21 11:39 css\swiper.min.css
文件 1460 2015-08-04 11:58 img\btn_design.png
文件 1474 2015-08-04 11:58 img\btn_develop.png
文件 1325 2015-08-04 11:58 img\btn_join.png
文件 1444 2015-08-04 11:58 img\btn_production.png
文件 1635 2015-08-04 11:58 img\check_design.png
文件 1639 2015-08-04 11:58 img\check_develop.png
文件 1635 2015-08-04 11:58 img\check_production.png
文件 3008 2015-08-04 11:58 img\circle-design.png
文件 3938 2015-08-04 11:58 img\circle-production.png
文件 7532 2015-08-04 11:58 img\circle.png
文件 42703 2015-08-04 11:58 img\cover.png
文件 296 2015-08-04 11:58 img\dot1.png
文件 288 2015-08-04 11:58 img\dot2.png
文件 3205 2015-08-04 11:58 img\floating_design.png
文件 2423 2015-08-04 11:58 img\floating_develop.png
文件 3555 2015-08-04 11:58 img\floating_production.png
文件 273 2015-08-04 11:58 img\icon_up.png
文件 37481 2015-08-04 11:58 img\introduction.png
文件 40007 2015-08-04 11:58 img\introduction_design.png
文件 39073 2015-08-04 11:58 img\introduction_production.png
............此处省略16个文件信息
- 上一篇:管理后台html页面
- 下一篇:OpenGL+glut实现机器人在简单场景中的运动
评论
共有 条评论