<script language="JavaScript" type="Text/JavaScript">
var delay = -1;
var Timeout;
var speed = 250;
var YourText = new Array();
YourText[1] = " Bubble Writing Text ";
YourText[2] = " BUBBLE WRITING TEXT ";
function BubbleWriting()
{
delay++;
if(delay == 0)
{
document.BubbleWritingText.WritingText.value = YourText[1];
}
if(delay == 1)
{
document.BubbleWritingText.WritingText.value = YourText[2].substring(0, 1) +YourText[1].substring(23, 1);
}
if(delay > 1)
{
YourText[3] = YourText[1].substring(0, delay - 1) + YourText[2].substring(delay - 1,delay) + YourText[1].substring(23, delay);
document.BubbleWritingText.WritingText.value = YourText[3];
}
if(delay == YourText[1].length)
{
delay = -1;
}
Timeout = setTimeout("BubbleWriting()",speed);
}
window.onload=BubbleWriting;
</script>
<center>
<form name="BubbleWritingText">
<input name="WritingText" type="text" style="1 background-color: #80ff00; layer-background-color: #80ff00; color: red; border: 1px none #000000; background-color: #CCFFCC; border-color: #FF0000; border-style: solid;" size="30" maxlength="300">
</form>
</center>