超酷的響應式dribbble設計作品瀑布流布局效果

2021-06-12 17:31:54 字數 777 閱讀 7819

相信做設計的朋友肯定都知道dribbble.com,它是乙個非常棒的設計師分享作品的**,全世界數以萬計的設計高手和行家都在這個**上分享自己的作品,當然,如果你常在上面閒逛的話,經常得到一些免費的好東西。

在今天的這篇jquery教程中,我們將使用jquery的幾個外掛程式來開發乙個響應式的瀑布流應用,這個應用可以幫助你實時的從dribbble上得到最流行的設計作品,我們將使用如下幾個外掛程式:

•isotope : 乙個魔術布局外掛程式,可以幫助你構建瀑布流的頁面布局方式(注意不免費的哦)

•jribbble :乙個幫助你方便呼叫dribbble api的jquery外掛程式

$.jribbble.getshotsbylist(「popular」, function(data));

使用以上**,我們可以分頁取得dribbble的最新設計,這裡我們提供 pagenum 和 per_page引數,分別**當前頁和每頁顯示作品數。

var items = [];$.each(data.shots, function (i, shot) else , 400);

return false;

if (jquery(window).scrolltop() == 0) else{

jquery(『#backtotop』).addclass(『showme』);

全部**書寫完畢!以上就是乙個使用jquery外掛程式開發的響應式的dribbble作品集魔術布局展示效果.

via gbtags 

超酷的響應式dribbble設計作品瀑布流布局效果

相信做設計的朋友肯定都知道dribbble.com,它是乙個非常棒的設計師分享作品的 全世界數以萬計的設計高手和行家都在這個 上分享自己的作品,當然,如果你常在上面閒逛的話,經常得到一些免費的好東西。在今天的這篇jquery教程中,我們將使用jquery的幾個外掛程式來開發乙個響應式的瀑布流應用,這...

超酷的響應式dribbble設計作品瀑布流布局效果

相信做設計的朋友肯定都知道dribbble.com,它是乙個非常棒的設計師分享作品的 全世界數以萬計的設計高手和行家都在這個 上分享自己的作品,當然,如果你常在上面閒逛的話,經常得到一些免費的好東西。在今天的這篇jquery教程中,我們將使用jquery的幾個外掛程式來開發乙個響應式的瀑布流應用,這...

響應式的dribbble作品集魔術布局展示效果

相信做設計的朋友肯定都知道dribbble.com,它是乙個非常棒的設計師分享作品的 全世界數以萬計的設計高手和行家都在這個 上分享自己的作品,當然,如果你常在上面閒逛的話,經常得到一些免費的好東西。在今天的這篇jquery教程中,我們將使用jquery的幾個外掛程式來開發乙個響應式的瀑布流應用,這...