Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 16:31:07
Original
1742 Leute haben es durchsucht

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.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage