20 recommended text effects plugins based on JQuery & CSS

Source: Internet
Author: User

JQuery and CSS can be said to be a revolution in the design and development industry. All this is so simple and fast one-stop service. jquery allows you to add something really amazing to your Web page without a lot of effort, thanks to the good jquery plugins.

So today we're going to show you some cool text effects plug-ins that will help you create something cool and dynamic for your Web page. Here are 20 text effects plugins based on JQuery & CSS.

Related articles that may be of interest to you
    • 12 Classic white-rich jQuery images Carousel Plugin
    • Let the website Move! 12 Excellent jQuery animation plugins
    • Beautifully selected jQuery image effects Plugin
    • Carefully selected excellent jquery Ajax page plug-ins and tutorials
    • Well-selected and excellent jQuery text effects plugins and tutorials

Textillate.js A Simple Plugin for CSS3 Text animations

Online Demo Source Download

This plugin integrates some very good JavaScript libraries and provides a handy text animation plugin that allows you to use a variety of animations for text in your Web pages.

Jumble Text Effect Plugins

Online Demo Source Download

This is a very good plugin that allows you to mix the colors and animations of text. This effect is cool and can add any design to your life.

Sinetheta-jquery-burn

Online Demo Source Download

It allows you to add a flame-like effect to the file. Use a variety of different text shades to move the picture by repeatedly changing their horizontal offset.

Vticker–vertical News Ticker with JQuery Plugin

Online Demo Source Download

This plugin allows you to add a scrolling effect to a vertical content. Ideal for showing up-to-date tips or highlighting certain specific content.

Squishy–jquery Plugin for Fitting Text exactly to its Container

Online Demo Source Download

This plugin ensures that the text is automatically resized to fit the container. It gives you the option to set the size and width, such as maximum font size and the smallest font large, maximum width and minimum width.

Bootstrap MaxLength

Online Demo Source Download

This is a very cool jQuery Implementation of the Bootstrap plugin that allows you to enter the number of user characters. It allows you to display the maximum length of characters the user inserts.

Bacon–jquery Plugin that allows your to Wrap Text Around

Online Demo Source Download

This simple plugin allows text or lines to surround a Bezier curve, making your text look cool and providing you with typography control!

jquery litelighter–light Weight Syntax highlighting for JQuery

Online Demo Source Download

This is a very small syntax highlighting plugin, with two themes, light & dark, and Support JS,HTML and CSS language highlighting.

JQuery Text highlighter and Filter Plugin

Online Demo Source Download

As its name implies, this plugin can let the text of the user on the input page be highlighted. When the user types something, the area on the page becomes sensitive and only the area where the word exists is displayed!

JQuery Marquee Plugin

Online Demo Source Download

This one is a lightweight plug-in that is only 1.3kb in size. It allows you to create scrolling text similar to the traditional marquee effect.

Scrolling Text and animations with JQuery

Online Demo Source Download

The name explains everything! This plugin allows to create scrolling text and animations, which have cool scrolling text, scrolling news, or image animations.

Scrollorama–jquery Plugin for Cool Scroll Animation

Online Demo Source Download

This plugin allows you to create some cool scrolling text animations and provide transitions, fade in effects, hover over effects, rotate effects and zoom.

Billboard:a simple JQuery Plugin that rotates Text

Online Demo Source Download

This is a simple plugin that allows you to rotate and shrink the spacing on the text, or click. Hovering the mouse over the text will pause its rotation effect.

Ellipsis–jquery ellipsis Plugin

Online Demo Source Download

This plugin allows you to shorten your text if it is very long. The original text can be seen by hovering over the shortening. This is a simple but very useful plugin.

Freshereditor–jquery Rich Html Text Editor

Online Demo Source Download

A cool HTML editor that leverages the style of Twitter Bootstrap and uses the built-in color picker, with text alignment and font size and name selection, as well as foreground and background selection support.

Demo Wiki text:client-side Scripting

Online Demo Source Download

This plugin allows quick and easy tagging of text in a given DOM structure. By scanning the DOM, wrap the text you select in its own element, and then do whatever you want.

Fancy input–jquery Plugin for Typing in Input

Online Demo Source Download

As its name implies, this plugin makes typing text in a field become fancy and fun! It works by wrapping a DIV so that the actual input field is actually hidden, and crossing the characters that contain the press is converted in a nice CSS3 way input field.

jquery te–text Editor with jquery Plugin

Online Demo Source Download

This lightweight, easy-to-use text editor is only 16.6KB in size and very useful. Compatible with WYSIWYG mode, its interface can be modified according to your choice.

JQuery Webticker Plugin

Online Demo Source Download

This person is a very simple but very useful content scrolling plugin that lets you highlight some hints or some information. It offers ease of customization. It can be used as a news bulletin board.

JQuery Text Animation Plugin

Online Demo Source Download

This is a great plugin that implements functionality just like its name implies, creating some cool custom text animations!

Related articles that may be of interest to you
    • Creative Unlimited! A set of Web page sidebar transition animation "with source download"
    • That's a good thing! 13 very dynamic page loading animation effects
    • Have you seen it? 9 Super-cool check box (checkbox) Effect
    • Awesome! Bootstrap-based, responsive, back-end management templates
    • It's great! Ultra-Bright page switch animation effect "with source download"

English Links: jQuery and CSS Text Effect Plugins

Compilation Source: Dream Sky focus on front-end development technology sharing web design resources

"http://www.cnblogs.com/lhb25/" from the source of this article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.