Morphext

Quand vous dites «carrousel» texte plupart des développeurs ont tendance à penser «téléscripteurs de nouvelles» par défaut. Morphext est pas un tel widget pas faire défiler le texte sur le côté comme un titre nouvelles, mais l'animation avec divers autres effets, à droite à la place il se trouve.

Qu'est-ce Morphext fait essentiellement est de cacher le texte précédent et le remplacer par un nouveau. Pour cette Animate.css est utilisé, et le soutien est également inclus pour préfixes et suffixes, en aidant les développeurs à créer des blocs ou des paragraphes texte cool prospectifs qui changent constamment des mots spécifiques.

Cela peut être un excellent outil pour afficher les slogans, les énoncés de mission, slogans, et ainsi de suite.

Une démo est inclus dans le package Morphext de base.

Alors que Morphtext tourne de petits morceaux de texte, il ya aussi le Morphist plugin jQuery du même auteur qui tourne les éléments d'un liste de la même manière.

< strong> Ce qui est nouveau dans cette version:

• tâche test Grunt Transféré à se produire avant minification
• espaces Coupé de phrases
• mode strict Activé
• modification simplifiée du compteur / indice de phrase en utilisant l'opérateur modulo
• Ajout de la démo complète rappel
• Modifications au README.md
• Mise à jour pour utiliser la dernière Animate.css ~ 3.2.5 et jQuery 2.1.3 ~
• Mise à jour et testé les dépendances de dev

Ce qui est nouveau dans la version 2.4.4:

• tâche test Grunt Transféré à se produire avant minification
• espaces Coupé de phrases
• mode strict Activé
• modification simplifiée du compteur / indice de phrase en utilisant l'opérateur modulo
• Ajout de la démo complète rappel
• Modifications au README.md
• Mise à jour pour utiliser la dernière Animate.css ~ 3.2.5 et jQuery 2.1.3 ~
• Mise à jour et testé les dépendances de dev

Ce qui est nouveau dans la version 2.3.4:

• tâche test Grunt Transféré à se produire avant minification
• espaces Coupé de phrases
• mode strict Activé
• modification simplifiée du compteur / indice de phrase en utilisant l'opérateur modulo
• Ajout de la démo complète rappel
• Modifications au README.md
• Mise à jour pour utiliser la dernière Animate.css ~ 3.2.5 et jQuery 2.1.3 ~
• Mise à jour et testé les dépendances de dev

Quoi de neuf dans la version 2.3.2:

• Prise en charge de la dernière Animate.css (v3.2.0 ) et jQuery (v2.1.1)
• Le changement sera-Supprimé
• Remplacé Grunt JSHint avec ESLint
• Remplacé rotation du texte par className avec innerHTML

Quoi de neuf dans la version 2.0.0:

• refactoring complet pour être moins destructrice sur le DOM.
• Ajouté Grunt avec JSHint et enlaidir.

Exigences :

• JavaScript côté client
• CSS 3 navigateur compatible
• jQuery