使用animate,css和wow.js 很好用,很輕量。
強大的animate.css 和 wow.js
外鏈引入:
css:
網上直接搜animate.css
js:
wow.js同時配合
jquery.js使用
第一點:
直接使用類,想要什麼效果直接去
這個**,選擇想要的效果,直接寫到class中,但注意,所有的效果,都要
加wow
第二點:
在js中,使用前先
new一下.
高階用法:
第一點:
< section class = 「 wow slideinleft 」 data-wow-duration = 「 2s 」 data-wow-delay = 「 5s 」 >
< section class = 「 wow slideinright 」 data-wow-offset = 「 10 」 data-wow-iteration = 「 10 」 >
data-wow-duration:表示動畫持續的時間。
data-wow-delay:表示動畫延遲時間
data-wow-offset:表示偏移
data-wow-iteration:迭代
第二點:
自定義配置:
主要後面三點,其中offset很重要意思為:觸發動畫時到元素的距離
強大的vim外掛程式
vim是乙個類似於vi的著名的功能強大 高度可定製的文字編輯器,在vi的基礎上改進和增加了很多特性。常被稱為編輯器之神,也是本人平時最喜歡使用的一款開發者編輯器,外掛程式公升級如下 在終端輸入 wget qo sh x即可自動化安裝完成,完成以後可以達到許多意想的效果,提高vim編輯器的開發效率 安...
強大的vim外掛程式
vim是乙個類似於vi的著名的功能強大 高度可定製的文字編輯器,在vi的基礎上改進和增加了很多特性。常被稱為編輯器之神,也是本人平時最喜歡使用的一款開發者編輯器,外掛程式公升級如下 在終端輸入 wget qo sh x即可自動化安裝完成,完成以後可以達到許多意想的效果,提高vim編輯器的開發效率 安...
功能強大的swiper外掛程式
今天體驗了一下swiper,真是太強大了,無論是pc端還是移動端,各種輪播滑塊效果隨便實現.美中不足的是,有些實現需要自己想辦法.下面我記錄下我的需求和我的實現,供以後開發時參考,相信對其他人也有用.這裡是swpier.js官網.這裡是swiper的官方demo.需要說明的是,如果要相容ie,那麼必...