文件名称:swiper-animateControl最新动画效果1.03
文件大小:383KB
文件格式:ZIP
更新时间:2021-12-25 05:30:02
swiper animateContr 动画效果
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)。
【文件预览】:
css
----animate.min.css(54KB)
----swiper.min.css(15KB)
----loading.css(2KB)
----index.css(3KB)
img
----floating_design.png(3KB)
----circle-production.png(4KB)
----wording_production.png(5KB)
----introduction.png(37KB)
----icon_up.png(273B)
----btn_join.png(1KB)
----introduction_production.png(38KB)
----check_develop.png(2KB)
----check_production.png(2KB)
----people_design.png(10KB)
----btn_develop.png(1KB)
----floating_production.png(3KB)
----pic_shadow_production.png(760B)
----btn_design.png(1KB)
----people_production.png(12KB)
----pic_back.png(21KB)
----dot1.png(296B)
----dot2.png(288B)
----floating_develop.png(2KB)
----wording_design.png(6KB)
----cover.png(42KB)
----introduction_design.png(39KB)
----btn_production.png(1KB)
----Thumbs.db(71KB)
----check_design.png(2KB)
----circle.png(7KB)
----wording_cover.png(6KB)
----circle-design.png(3KB)
----people.png(15KB)
----wording.png(6KB)
test
index.html
js
----swiper.min.js(70KB)
----swiper.animate.param.js(3KB)
----swiper.animate.min.js(13KB)
----loading.js(1KB)
----jquery-2.1.4.min.js(82KB)