Tolles jQuery-Plug-in mit responsivem Layout Freetile.js_jquery

Online-Demo

Wir haben zwei bekannte responsive Layout-Plug-ins eingeführt: isotope und masonary Heute stellen wir ein ziemlich gutes responsives Layout-Plug-in vor – Freetile. js, können Sie damit auch coole dynamische Layouteffekte generieren. Ich glaube, es wird jedem gefallen!

Hauptfunktionen

Freetie basiert auf den integrierten Layout-Engines von Assemblage und Assemblage Plus. Sein Design ist von Masonry, VGrid und Wookmark inspiriert, weist aber im Vergleich zu diesen Folgendes auf einzigartige Funktionen:

Ermöglicht Elemente jeder Größe und erfordert keine feste Spaltenbreite, sodass Sie keine Spaltenbreiten angeben müssen, um Ihren Elementgrößen gerecht zu werden. Integrierte Algorithmen ermöglichen Ihnen eine einfache Anpassung der Einfügeposition an unterschiedliche Anzeigepräferenzen Verfahren. B. nach links oder rechts oder in der Nähe eines bestimmten Elements ausrichten. Die intelligente Animationsmethode kann gut bestimmen, ob Animationsspezialeffekte erforderlich sind. Zum Beispiel neu hinzugefügte Elemente und unsichtbare Elemente. Solange die Websites, die Assemblage- und Assemblage Plus-Vorlagen verwenden, es verwenden, ist es sehr stabil. So verwenden Sie

Grundlegende Verwendung:

Js-Code

Code kopieren Der Code lautet wie folgt:

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

Animationseffekte aktivieren:

Js-Code

Code kopieren Der Code lautet wie folgt:

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

Geben Sie einen benutzerdefinierten Elementselektor an:

Js-Code

Code kopieren Der Code lautet wie folgt:

$('#container').freetile( {selector: '.thumbs'});

Ist es nicht ganz einfach? Wenn nötig, kannst du es einfach wegnehmen. Sei nicht höflich zu mir.