Animated Typing Utility with JavaScript


Post Image

Ever wished a animated typing effect in your webproject? If yes, you should definitive check out the typit.js library. Last days i stumbled upon that interesting library.

The effect looks like:

How could you implement it?

Let we say, you would like to use this effect to show others your different job experiences.

First place a tag inside your code like that one:

Then create a typeit.js file with the content

new TypeIt('#replaceJobs', { strings: ["Job1", "Job2", "Job3"], speed: 200, cursorSpeed: 1000, nextStringDelay: 750, loop: true, breakLines: false, waitUntilVisible: true }).go(); Now add the JavaScript to your Layout Section:

and refer your typeit.js to that page, where your "replaceJobs" tag is placed. Now your type effect will start :-)

More on: https://typeitjs.com/



Sascha Wappen

Sascha Zyroslaw Kyrill Manns



Disclaimer

The opinions expressed herein are my own personal opinions and do not represent my employer's view in anyway.



Feeds


Syndication

  • add2netvibes
  • add2yahoo
  • Follow me on Blogarama
  • Blogverzeichnis - Bloggerei.de
  • Blogging Fusion Blog Directory
  • Blogverzeichnis
  • TopBlogs.de das Original - Blogverzeichnis | Blog Top Liste
  • Sascha Mannss Twilight Zone - OnToplist.com

Badges

Visitors:


Codersrank


Stackoverflow

profile for saigkill at Stack Overflow, Q&A for professional and enthusiast programmers


Codeproject


Application Name MannsBlog Environment Name Productive
Application Ver 5.0.4.0 Runtime Framework x86
App Path C:\home\site\wwwroot\ Runtime Version .NET 5.0.9
Operating System Microsoft Windows 10.0.14393 Runtime Arch X86