Skip to content

giangmd/type-writer-free-customize

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

Type Writer Free Customize

One Free Resource of Type Writer

Getting Started

Could you clone from git url of this repository OR download by zip file.

How to use

See how to add a html struct in demo.html file.

<div>
    Did you know: <span class="typewriter"
        data-word1="I am AAAAA"
        data-word2="I am BBBBBB"
        data-word3="I am CCCCCC"
        data-speed="100"
        data-delay="1000"
    data-fadeOut="500">I am Batman?</span>
</div>

Include these script files

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="typewriter.js"></script>
<script>
    $(function() {
        $(".typewriter").typewriter();
    });
</script>

See detail code in the demo.html file for details.

Customize by plugin

Could you go to typewriter.js where can put your update at there.

By the way, it need you have some knowledge of the the jQuery.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

  • Giang D.MAI - Initial work - giangmd

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc