Script Categories













Bubble Writing Text

Bubble writing text effect inside the textbox. You can customize your Bubble Writing Text by changing some values. Add bubble writing effect to text on web pages. It is easy to modify to suit your need.

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!).




©