Superbe plug-in jQuery de mise en page réactive Freetile.js_jquery

Démo en ligne

Nous avons introduit deux plug-ins de mise en page réactifs bien connus : isotope et masonary Aujourd'hui, nous allons présenter un très bon plug-in de mise en page réactif - Freetile. js, vous pouvez également l'utiliser pour générer des effets de mise en page dynamiques sympas. Je crois que tout le monde l'aimera !

Caractéristiques principales

Freetie vient des moteurs de mise en page intégrés de Assemblage et Assemblage Plus. Son design est inspiré de Masonry, VGrid et Wookmark, mais comparé à eux, il présente les caractéristiques suivantes. caractéristiques uniques :

Autorise des éléments de n'importe quelle taille et ne nécessite pas de largeur de colonne fixe, vous n'avez donc pas besoin de spécifier des largeurs de colonne pour répondre à la taille de vos éléments. Les algorithmes intégrés vous permettent de personnaliser facilement la position d'insertion en fonction de différentes préférences. Affichage. méthode. Par exemple, alignez-vous à gauche ou à droite, ou à proximité d'un élément spécifique. La méthode d'animation intelligente peut bien déterminer si des effets spéciaux d'animation sont nécessaires. Par exemple, les éléments nouvellement ajoutés et les éléments invisibles. Tant que les sites Web utilisant les modèles Assemblage et Assemblage Plus l'utilisent, il est très stable. Comment utiliser

Utilisation de base :

Code Js

Copier le code Le code est le suivant :

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

Activer les effets d'animation :

Code Js

Copier le code Le code est le suivant :

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

Spécifiez un sélecteur d'élément personnalisé :

Code Js

Copier le code Le code est le suivant :

$('#container').freetile( {sélecteur : '.thumbs'});

N'est-ce pas très simple ? Si nécessaire, vous pouvez simplement l'enlever. Ne soyez pas poli avec moi.