1、先介紹瀑布流插件。javascript
舉個例子,這個插件最經常使用的地方就是在網上查找圖片的時候,大小不同的圖片,就是按照瀑布流的形式排列起來的。css
1.首先仍是引js和css.html
2.html界面設置java
三、javascript部分。json
4.頁面效果插件
2、介紹一下模板插件的用法。3d
一、須要引入的文件htm
二、在頁面上手動定義模板blog
這是模板定義的方法,ID、Name等等,這些是和後臺json數據中獲取的名字同樣的。其實就是將json數據獲取過來,獲得ID放在相應的位置,下面附上個人json數據。圖片
3.接下來就是經過javascript來獲取json數據放到相應的位置。
4.效果如圖:
插件的用法都比較簡單。瀑布流插件更多時候仍是和模板插件一塊兒使用的。當頁面的每一塊再也不是簡單的圖片,而且每一塊的內容大小都不同,而且仍是從後臺獲取的時候,咱們就須要這兩個插件一塊兒使用了。
3、當瀑布流插件和模板插件結合使用時
一、頁面設置。
2.javascript設置。
三、效果如圖: