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鼠標滾動一下換一屏展示網頁