To copy this script to use on your own web page involves just three simple steps. First simply copy the following CSS and attach it into the head of your page:
You can change just about anything in this CSS depending on how you want the effect to look on the screen,
Next place the text that you want to have the typewriter effect inside a div and give that div an id="tw" attribute. Note that the only HTML tag that the script can currently process is <br> tags (with or without the self closing slash) so that is the only HTML that you can include in the script and have it work properly.
That's all you need to do. The specified div will now display the text one character at a time. Note that you can change the values at the end of the script if necessary. Change the 'tw' if you need to use a different id to indicate the div the effect is to apply to. Change the '~' to any character that doesn't appear in your content to allow the break tags to be converted to a single character. Change the 0 to any number of seconds and the script will start over after that period has elapsed.
This article written by Stephen Chapman, Felgall Pty Ltd.