Script Categories











Text Effects >>> Bubble Writing Text.

Bubble writing text effect inside the textbox. You can customize your Bubble Writing Text by changing some values.

Bubble Writing Text

Add the below code to the <body> section of your page:

<script language="JavaScript" type="Text/JavaScript">
//Made by 1st JavaScript Editor
// Bubble Writing Text
//http://www.yaldex.com
//Come and get more (free) products

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>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).