jquery-typewriter
v1.2.8
Published
A customizable typing animation
Downloads
26
Maintainers
Readme
jquery-typewriter-plugin
A customizable typing animation with jquery.
Usage
Install the jquery-typewriter plugin with npm or yarn with either of the following commands.
npm i jquery-typewriter
yarn add jquery-typewriter
Add the jquery cdn in your html file along with the path to the js and css files.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="node_modules/jquery-typewriter/dist/js/jquery.typewriter.min.js"></script>
<link
rel="stylesheet"
href="node_modules/jquery-typewriter/dist/css/cursor.css"
/>
In your main js file, you can use the typewrite function on any element.
The function requires an object with which you can costumize the typewriter.
$('h1').typeWrite({
speed: 30,
repeat: false,
cursor: true,
color: 'blue',
})