Página principal » Caja de herramientas » Codificación de texto animaciones de texto con jQuery TypeIt

    Codificación de texto animaciones de texto con jQuery TypeIt

    los combo de jQuery y texto No tiene límites en la web. Puedes construir casi cualquier cosa con un poco de creatividad y las bibliotecas de JavaScript correctas.

    Una de esas bibliotecas es Escribelo, construido como un plugin gratuito de jQuery. Te permite crear animaciones de escritura dinámica Esa mirada es increíblemente realista. Incluso puede definir pausas personalizadas entre las pulsaciones de teclas para crear su propia mejora para la animación.

    TypeIt es 100% gratuito y de código abierto, construido como un Herramienta de texto para la comunidad jQuery.. Toda la documentación está disponible en línea y es increíblemente fácil de seguir.

    Sin embargo, solo tenga en cuenta que mientras TypeIt viene con un licencia personal gratuita, Las licencias comerciales, lamentablemente, cuestan dinero. Pero, puede utilizar la licencia personal gratuita para siempre y nunca expira, así que es un gran recurso para todos tus proyectos personales o incluso tu sitio web personal.

    Puedes empezar por agregando el archivo JavaScript TypeIt sin procesar a través de CDN derecho al encabezado de su página. Luego agregue jQuery, escriba un texto y conéctelo todo. Sencillo!

    Tipicamente, tu apuntar a un div específico en la página y usarlo como un contenedor para la animación de texto. Aquí está un fragmento de código de muestra para mostrarle cómo funciona esto:

     $ ('. type-it'). typeIt (strings: ['This is my string!']); 

    Por pasando opciones personalizadas al Escribelo() función, puede reducir la velocidad de escritura, agregar pausas en ciertos intervalos e incluso restablecer la configuración en ciertos intervalos para cambiar la velocidad de escritura en la mitad de la animación.

    Usted puede incluso prueba estas opciones en la página de complementos si está dispuesto a pasar un tiempo jugando con la configuración.

    Este generador de animación de texto es el ejemplo perfecto de lo que puedes hacer con este complemento. Obtienes tantas opciones personalizadas que incluso puedes construir una aplicación web, usando este plugin, a crear animaciones sobre la marcha!

    En la página principal del plugin, también encontrarás opciones más avanzadas hacia la parte inferior con fragmentos de código que puede copiar.

    Entonces, descarga TypeIt y dale una oportunidad! Una vez que lo pones a trabajar es realmente muy divertido. Y, si tiene alguna pregunta o sugerencia para el desarrollador, puede conectarse con él en Twitter @amacarthur.