1. 程式人生 > >jquery 插件 lettering.js

jquery 插件 lettering.js

AR http 思想 參數 github sass get 運用 over

lettering.js(去github下載)是一個功能強大的jquery插件

作用:對字母、單詞、或者段落進行分割

思想:把單詞分成一個一個的字母,然後對字母進行效果處理

使用:1.首先加載jquery和lettering.js

2.對要分的div h1運行函數littering(‘‘).參數可以是words,line,默認為空,即為字母分割

3.註意div中必須有h1或者span這樣的tag把字母包含才可以運用,不能直接用div來包含要分割的文字(不然會有很多莫名其妙的空span出現)

如下圖所示,先分割每個字符,然後用sass循環賦予不同顏色和不同延遲的animation,在hover的時候添加動畫,完美!

技術分享圖片

jquery 插件 lettering.js