ホームページ > ウェブフロントエンド > jsチュートリアル > 素晴らしいレスポンシブ レイアウトの jQuery プラグイン Freetile.js_jquery

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

WBOY
リリース: 2016-05-16 16:31:07
オリジナル
1776 人が閲覧しました

オンラインデモ

私たちは 2 つのよく知られたレスポンシブ レイアウト プラグイン、isotopemasonary を紹介しました。今日は、非常に優れたレスポンシブ レイアウト プラグインである 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'});

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート