free javascript : text codes

Showing posts with label text codes. Show all posts

Moving Text in Box

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.
Write Your Moving Text Here Write Your Moving Text Here Write Your Moving Text Here Write Your Moving Text Here
get it

Wavy Text

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

Mexican Dance of Text

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<head>
<base target="_blank">
</head>

//configure message
message="http://my-javacodes.blogspot.com"
//animate text in NS6? (0 will turn it off)
ns6switch=1

function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}

function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
setTimeout("jump1b()",50)
}
else{
jump2()
}
}

<h2>
<div id="jumpx" style="color:blue">
</div>
</h2>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</script>
<font face="Tahoma" size="2">  </font>
</center>
<br />
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span></a></font>

Text Fade

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<head>
<base target="_blank">
</head>

}
P.main {
 font-family : Arial;
 font-size : 15pt;
 font-weight : bold;
}
-->
</style>

bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4))
window.onload=start
else
stop();
window.onunload=stop
if (bname=="Netscape"){
brows=true
dt=2
}
else{
brows=false
dt=20
}
var z=0;
var msg=0;
var rgb=0;
var link=false;
var status=true;
var updwn=false;
var message= new Array();
var value=0;
var h=window.innerHeight;
var w=window.innerWidth;
var timer1;
var timer2;
var timer3;
var convert = new Array()
var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below)

var bgcolor="#FFFFFF"; //Color of background
var color="#00008D";  //Color of the Letters

message[0]='Welcome'
message[1]='To'
message[2]='http://my-javacodes.blogspot.com'
message[3]='<a href="http://my-javacodes.blogspot.com" target=_blank>Free Java Script Codes</a>'

// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above)

for (x=0; x<16; x++){
for (y=0; y<16; y++){
convert[value]= hexbase[x] + hexbase[y];
value++;
}
}

redx=color.substring(1,3);
greenx=color.substring(3,5);
bluex=color.substring(5,7);
hred=eval(parseInt(redx,16));
hgreen=eval(parseInt(greenx,16));
hblue=eval(parseInt(bluex,16));
eredx=bgcolor.substring(1,3);
egreenx=bgcolor.substring(3,5);
ebluex=bgcolor.substring(5,7);
ered=eval(parseInt(eredx,16));
egreen=eval(parseInt(egreenx,16));
eblue=eval(parseInt(ebluex,16));
red=ered;
green=egreen;
blue=eblue;

function stop(){
clearTimeout(timer1);
clearTimeout(timer2);
clearTimeout(timer3);
}

function resz(){
h=window.innerHeight;
w=window.innerWidth;
if (updwn)
timer1=setTimeout('up()',1000)
else
timer2=setTimeout('down()',1000)
}

function breakf(){
if (status){
clearTimeout(timer1);
clearTimeout(timer2);
status=false
return;
}
else{
status=true;
if (updwn)
timer1=setTimeout('up()',dt)
else
timer2=setTimeout('down()',dt)
}
}

function up(){
if (red<hred){
if ((red+7)<hred)
red+=7;
else
red=hred
redx = convert[red]
}
else{
if ((red-7)>hred)
red-=7;
else
red=hred
redx = convert[red]
}

if (green<hgreen){
if ((green+7)<hgreen)
green+=7;
else
green=hgreen
greenx = convert[green]
}
else{
if ((green-7)>hgreen)
green-=7;
else
green=hgreen
greenx = convert[green]
}

if (blue<hblue){
if ((blue+7)<hblue)
blue+=7;
else
blue=hblue
bluex = convert[blue]
}
else{
if ((blue-7)>hblue)
blue-=7;
else
blue=hblue
bluex = convert[blue]
}

rgb = "#"+redx+greenx+bluex;
if (brows){
document.layers['textanim'].document.linkColor=rgb;
document.layers['textanim'].document.vlinkColor=rgb;
if (window.innerHeight!=h || window.innerWidth!=w){
clearTimeout(timer1);
resz()
return;
}
else{
document.layers['textanim'].document.write('<pre><p Class="main" Align="Center">
<font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
document.layers['textanim'].document.close();
}
}
else{
textanim.style.color=rgb;
if(link)
textanimlink.style.color=rgb;
}
if (z<38){
if (brows)
document.layers['textanim'].top--
else
textanim.style.posTop--
z++
timer1=setTimeout('up()',dt)
}
else
{
updwn=false;
down()
}
}

function down(){
if (red<ered){
if ((red+7)<ered)
red+=7;
else
red=ered
redx = convert[red]
}
else{
if ((red-7)>ered)
red-=7;
else
red=ered
redx = convert[red]
}

if (green<egreen){
if ((green+7)<egreen)
green+=7;
else
green=egreen
greenx = convert[green]
}
else{
if ((green-7)>egreen)
green-=7;
else
green=egreen
greenx = convert[green]
}

if (blue<eblue){
if ((blue+7)<eblue)
blue+=7;
else
blue=eblue
bluex = convert[blue]
}
else{
if ((blue-7)>eblue)
blue-=7;
else
blue=eblue
bluex = convert[blue]
}

rgb = "#"+redx+greenx+bluex;
if (brows){
document.layers['textanim'].document.linkColor=rgb;
document.layers['textanim'].document.vlinkColor=rgb;
if (window.innerHeight!=h || window.innerWidth!=w){
clearTimeout(timer2);
resz()
return;
}
else{
document.layers['textanim'].document.write('<pre><p Class="main" Align="Center">
<font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
document.layers['textanim'].document.close();
}
}
else{
textanim.style.color=rgb;
if(link)
textanimlink.style.color=rgb;
}

if (z<76){
if (brows)
document.layers['textanim'].top--
else
textanim.style.posTop--
z++
timer2=setTimeout('down()',dt)
}
else
{
if (brows){
document.layers['textanim'].document.write('')
document.layers['textanim'].document.close();
}
else
textanim.innerHTML='';
window.clearInterval(timer2);
if(msg<message.length-1){
msg++;
z=0;
if (brows){
document.layers['textanim'].top=res;
}
else
textanim.style.top=res;
timer3=setTimeout('start()',100);
}
else
{
msg=0;
z=0;
if (brows)
document.layers['textanim'].top=res;
else
textanim.style.top=res;
timer3=setTimeout('start()',2000);
}
}
}

// done hiding -->
</Script>
<div id="textanim" style="position: absolute; left: 0; top: 100" onclick="breakf()">
</Div>
<layer name="textanim" left=0 top=100>
</Layer>
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span></a></font>

Status Bar Text

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<!-- TWO STEPS TO INSTALL WRITE AND SLIDE:

1.  Paste the coding into the HEAD of your HTML document
   2.  Copy the onLoad event handler into the BODY tag  -->

<html>

</script>

<title>E:\scrolls\vertical2_.htm</title>
</head>

</body>
</html>

Text around your mouse

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

var awEMnbsPM;AWEmnbsPM(" welcome to my site ","arial,helvetica,times new roman",2,"#000000",5,1,2,35,5,2,300,300,"DFJO1AC439CXM4FIF5FD94G");

Rainbow effect on text

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

// Modified by CoffeeCup Software

function MakeArray(n)
{
  this.length=n;
  for(var i=1; i<=n; i++) this[i]=i-1;
  return this
}

hex=new MakeArray(16);
hex[11]="A"; 
hex[12]="B"; 
hex[13]="C"; 
hex[14]="D"; 
hex[15]="E"; 
hex[16]="F";

function ToHex(x)
{
// Changes a int to hex (in the range 0 to 255)
  var high=x/16;
  var s=high + "";
  s=s.substring(0,2);
  high=parseInt(s,10);
  var left=hex[high+1];

var low=x-high*16;
  s=low+"";
  s=s.substring(0,2);
  low=parseInt(s,10);
  var right=hex[low+1];

var string=left + "" + right;
  return string;
}

function fadein(text)
{
  text=text.substring(3,text.length-4);

color_d1=255;
  color_d1b=255;
  color_d1c=255;

mul=color_d1/text.length;   
  for(i=0;i<text.length;i++)
  {
    color_d1=mul*i; 
    color_d1b=255-mul*i;
    color_d1c=255*Math.sin(i/(text.length/3));
// *******
// some other things you can try>> "=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))"
// *******
    color_h1=ToHex(color_d1);
    color_d2=mul*i;
    color_h2=ToHex(color_d2);

color_h1b=ToHex(color_d1b);
    color_d2b=mul*i;
    color_h2b=ToHex(color_d2b);

color_h1c=ToHex(color_d1c);
    color_d2c=mul*i;
    color_h2c=ToHex(color_d2c);

document.write("<font COLOR='#FF8000"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>');
  }
}
// --End Hiding Here -->
</script>
<script LANGUAGE="JavaScript">
This is the Text, just put yours here !<!__");  }
//-->
</SCRIPT>

Text Changing

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<!-- A Script that types in a box that looks like notepad very cool

The speed of the typing can be adjusted by raising 
       or lowering the number in the setTimeout function. 
-->

function makeArray() 
{
  this.length = makeArray.arguments.length
  for (var i = 0; i < this.length; i++)
  this[i+1] = makeArray.arguments[i]

}

var fArray = new makeArray;
fArray[0]="Message 1 goes here. "
fArray[1]="Message 2 goes here. "
fArray[2]="Message 3 goes here. "
fArray[3]="Message 4 goes here. "

var x = 1;
var y = 0;
var msg1 = fArray[y];

function newsFeed() 
{
  if (x==msg1.length+1) 
  {
    for (var z=0; z < 7000; z++);
    y+=1;
    if (y > 3) y=0;
    document.form1.news2.value=' ';
    msg1 = fArray[y];
    x=0;
  }
  document.form1.news2.value=msg1.substring(0,x);  
  x+=1;
  setTimeout("newsFeed() ",1);
}
</script>

get it

Nice text effect

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<meta http-equiv="Content-Language" content="en-us">
<h2>
<script language="JavaScript1.2">

var message="Welcome to my weblog!"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font>')

//cache reference to neonlight array
var tempref=document.all.neonlight
}
else
document.write(message)

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
tempref[n].style.color=neontextcolor

if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script>
</h2>
</body>
</html>
<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span></a></font>

get it

Text dancing

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

Welcome to our Homepage!

get it

Text in status bar 4

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<script>
var yourwords = "my-javacodes.blogspot.com";

<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span></a></font>

Text dance in status bar 3

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

<html>
<head>
<script LANGUAGE="JavaScript">

var speed = 100 
var pause = 1000 
var timerID = null
var texttype = false
var ar = new Array()

ar[0] = "This is the Typing Text Javascript"
ar[1] = "CoffeeCup Software is cool!"
ar[2] = "El HTML Editor++ es muy bueno!"

var msgnow = 0
var offset = 0

function stopBanner() {
        if (texttype)
                clearTimeout(timerID)
        texttype = false
}

function startBanner() {
        stopBanner()
        showBanner()
}

function showBanner() {
        var text = ar[msgnow]

if (offset < text.length) {
                if (text.charAt(offset) == " ")
                        offset++

var partialMessage = text.substring(0, offset + 1) 
                window.status = partialMessage
                offset++ 
                timerID = setTimeout("showBanner()", speed)
                texttype = true
        } else {
                offset = 0
                msgnow++
                if (msgnow == ar.length)
                        msgnow = 0

timerID = setTimeout("showBanner()", pause)
                texttype = true
        }
}

</SCRIPT>
</HEAD>
<body onLoad="startBanner()">
</BODY>
</HTML>

<font face="Tahoma"><a target="_blank" href="http://my-javacodes.blogspot.com/"><span style="font-size: 8pt; text-decoration: none">get it</span></a></font>

Text dance in status bar 1

Copy the Below Code and Paste it in HTML in Blogger post anywhere or flow like this > sing in > Design > Layout > Add a gadget > HTML/JavaScript and Paste the code and save it.

get it

free javascript

Pages

About

Blogger templates

Moving Text in Box

Moving Texts

Wavy Text

Mexican Dance of Text

Text Fade

Status Bar Text

Text around your mouse

Rainbow effect on text

Text Changing

Nice text effect

Text dancing

Welcome to our Homepage!

Text in status bar 4

Text dance in status bar 3

Text dance in status bar 1