素晴らしいレスポンシブ レイアウトの jQuery プラグイン Freetile.js_jquery

オンラインデモ

私たちは 2 つのよく知られたレスポンシブ レイアウト プラグイン、isotope と masonary を紹介しました。今日は、非常に優れたレスポンシブ レイアウト プラグインである Freetile を紹介します。 js を使用して、クールな動的レイアウト効果を生成することもできます。誰もが気に入ってくれると信じています!

主な特徴

Freetie は、Assemblage および Assemblage Plus の組み込みレイアウト エンジンから来ており、そのデザインは Masonry、VGrid、Wookmark からインスピレーションを得ていますが、それらと比較すると次のような特徴があります。ユニークな機能:

任意のサイズの要素を使用でき、列幅を固定する必要がないため、要素サイズに合わせて列幅を指定する必要がありません。組み込みアルゴリズムにより、さまざまな表示設定に合わせて挿入位置を簡単にカスタマイズできます。方法。たとえば、左または右に揃えたり、特定の要素の近くに揃えたりします。インテリジェントなアニメーション方法により、アニメーションの特殊効果が必要かどうかを適切に判断できます。たとえば、新しく追加された要素や目に見えない要素などです。 Assemblage および Assemblage Plus テンプレートを使用する Web サイトで使用されている限り、非常に安定しています。使い方

基本的な使用法:

JSコード

コードをコピー コードは次のとおりです。

$('#container').freetile();

アニメーション効果を有効にする:

Js コード

コードをコピー コードは次のとおりです。

$('#container').freetile( {animate: true,elementDelay:30});

カスタム要素セレクターを指定します:

Js コード

コードをコピー コードは次のとおりです。

$('#container').freetile( {セレクター: '.thumbs'});

必要なら、私に礼儀正しくしないでください。