Animate.css 一款强大的预设css3动画库
插件描述:Animate.css内置了很多典型的css3动画,兼容性好使用方便。
链接:http://www.jq22.com/jquery-info819
使用:
1、首先引入animate css文件
animate.min.css
2、给指定的元素加上指定的动画样式名
<div class="animated bounceOutLeft"></div>
这里包括两个class名,第一个是基本的,必须添加的样式名,任何想实现的元素都得添加这个。
第二个是指定的动画样式名。比如:bounceOutLeft、fadeIn等
举例:
<!--动画开始-->
<div class="sito animated fadeIn">
</div><!--动画结束-->
3、3、如果说想给某个元素动态添加动画样式,可以通过jquery来实现:
$('#yourElement').addClass('animated bounceOutLeft');
onepage-scroll单页面滚动切换插件
插件描述:onepage-scroll可以帮我们制作一个跨平台的通过全屏滚动来切换的响应式单页面网页。
链接:https://www.jq22.com/jquery-info801
hexagons.css
CSS3实现六边形网格布局样式代码是一款通过hexagons.css预设的样式,可以非常轻松的制作出六边形图片网格布局。
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
2、jQuery单页全屏滚动布局插件AppLikeOnePage.js
插件描述:onepage鼠标滚动一下换一屏展示网页