Эластичный текст

Скрипт: Эластичный текст
<html> <head> <title>Эластичный текст</title> <script type = "text/javascript"> // массив значений размеров var sizes = new Array("0px", "1px", "2px", "4px", "8px"); sizes.pos = 0; function rubberWords() { var el = document.getElementById("elastic"); if (el.direct == null) el.direct = 1; else if ((sizes.pos > sizes.length -2) || (0 == sizes.pos)) el.direct *= -1; el.style.letterSpacing = sizes[sizes.pos += el.direct]; } </script> </head> <body onLoad="setInterval('rubberWords()', 100);"> <h1 ID="elastic" ALIGN="center">Очень эластичный текст</h1> <DIV onmouseover="this.style.letterSpacing='1mm'" onmouseout="this.style.letterSpacing=''">Поместите указатель мыши на этот текст, чтобы увидеть эффект расстягивания и сжимания.</DIV> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s204.ucoz.net/img/cp/9.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> </html>

Обратно на страницу Скрипты