瀑布流布局效果目前來說還是挺流行的,從網頁到手機應用,都能見到瀑布流的身影。
相比較手機應用來說,感覺網頁上的瀑布流布局效果實現簡單很多,因為我們有現成的jquery外掛程式可以用,只要稍微的引用一下,再寫那麼一兩句呼叫**,然後就沒我們什麼事了,瀑布流就這麼呈現出來了。
wookmark這個外掛程式的用法也是相當的簡單。
先看下效果圖
wookmark
首先,引入js。
1
html**結構
接下來呼叫
簡單呼叫
1
$(
'#tiles li'
).wookmark();
帶引數呼叫
1
$(
function
() );
9
});
該外掛程式可以配合ajax來實現動態載入資料,不過新增之後需要重新執行一次。如果是採用
1
var
handler = $(
'#tiles li'
);
2
handler.wookmark(options);
這種方式的在重新繫結前需要執行一下下面的**,做點清理工作。
1
handler.wookmarkclear();
jQuery外掛程式之 瀑布流外掛程式
jquery.wookmark.js 乙個實現瀑布流 自適應寬度布局的jquery 外掛程式 jquery.wookmark.js wookmark 使用非常簡單到只需要一句 就能實現,除此之外,當頁面寬度發生變化的時候,它還能自適應頁面寬度,非常有誠意。外掛程式 瀑布流 布局 隨著pinteres...
jQuery外掛程式之 瀑布流外掛程式
jquery.wookmark.js 乙個實現瀑布流 自適應寬度布局的jquery 外掛程式 jquery.wookmark.js wookmark 使用非常簡單到只需要一句 就能實現,除此之外,當頁面寬度發生變化的時候,它還能自適應頁面寬度,非常有誠意。外掛程式 瀑布流 布局 隨著pinteres...
JQUERY外掛程式學習之jqPlot
js圖表,有highcharts jqplot jschart,其中highcharts和jschart只能用作個人使用 為了以後專案中能使用,在這用了jqplot 個人和商業都免費 先學習下。關於jqplot的詳細中文配置參考 options axisdefaults 設定renderer的opt...