OXT blog » dynamic text style http://blog.o-x-t.com "People say nothing is impossible, but I do nothing every day." - Whinnie The Pooh Wed, 25 Aug 2010 19:18:08 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 How to make burning text in JavaScript http://blog.o-x-t.com/2007/12/21/how-to-make-burning-text-in-javascript/ http://blog.o-x-t.com/2007/12/21/how-to-make-burning-text-in-javascript/#comments Fri, 21 Dec 2007 14:19:25 +0000 Atuk http://blog.o-x-t.com/2007/12/21/how-to-make-burning-text-in-javascript/ You can make different dynamic text effects on your html page using JavaScript function document.getElementsByTagName(‘tag_name’). The idea is to select tag, which is absent in your html (for example:<tt>, <i>, <b> etc.). Then you should embrace all letters of your text with this tag. For example: “Hello world” transforms to “<tt>H</tt><tt>e</tt><tt>l</tt><tt>l</tt><tt>o</tt><tt> </tt><tt>W</tt><tt>o</tt><tt>r</tt>

<tt>l</tt><tt>d</tt>”. After that you can dynamically change style (color, font etc.) of every letter you want accessing to it during array document.getElementsByTagName(‘tt’).

So, you can create with your text such effects like burning, dissapearing, growing etc. Please, look at http://atuk.boloto.org/fire/ to get sample scripts.

]]> http://blog.o-x-t.com/2007/12/21/how-to-make-burning-text-in-javascript/feed/ 1