瀑布流插件和模板插件

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設置。

三、效果如圖:

相關文章
相關標籤/搜索