Pulsating text!

[blackwizard]

Step 1: Insert the below script into the <HEAD> section of your page:

Select All

<script>


var divs = new Array();
var da = document.all;
var start;

//CONFIGUER THESE VARS!!!!!!
//speed of pulsing
var speed = 50;

function initVars(){

if (!document.all)
return

//Extend of shrink the below list all you want
//put an "addDiv(1,"2",3,4); for each div you made,
//1)'id' of div
//2)color or glow(name or hex)(in quotes!!!)
//3)minimum strength
//4)maximum strength

addDiv(hi,"lime",2,11);
addDiv(welcome,"red",4,9);
addDiv(message,"purple",2,4);
addDiv(msg2,"orange",15,17);
addDiv(msg3,"blue",1,3);

//NO MORE EDITING!!!!!!



startGlow();
}

function addDiv(id,color,min,max)
{
var j = divs.length;
divs[j] = new Array(5);
divs[j][0] = id;
divs[j][1] = color;
divs[j][2] = min;
divs[j][3] = max;
divs[j][4] = true;
}

function startGlow()
{
if (!document.all)
return 0;

for(var i=0;i<divs.length;i++)
{
divs[0].style.filter = "Glow(Color=" + divs[1] + ", Strength=" + divs[2] + ")";
divs[0].style.width = "100%";
}

start = setInterval('update()',speed);
}

function update()
{
for (var i=0;i<divs.length;i++)
{
if (divs[4])
{
divs[0].filters.Glow.Strength++;
if (divs[0].filters.Glow.Strength == divs[3])
divs[4] = false;
}

if (!divs[4])
{
divs[0].filters.Glow.Strength--;
if (divs[0].filters.Glow.Strength == divs[2])
divs[4] = true;
}
}
}
-->
</script>

Step 2: Inside the <BODY> section, add the following sample HTML code:

Select All

<div id="hi" style="color: lime">
Hello!
</div>
<br>
<div id="welcome" style="color: lime">
Welcome!
</div>
<br>
<div id="message" style="color: lime">
This is a pulsating message!
</div>
<br>
<div id="msg2" style="color: lime">
This is another pulsating message!
</div>
<br>
<div id="msg3" style="color: lime">
This is yet another pulsating message!
</div>

Step 3: Finally, with the <BODY> tag itself, add the below event handler into it:

<body onLoad="initVars()">

Configuring the script

Configuration of this script is a two part process. First off, you need to specify in the script of Step 1 the text(s) that will have a pulsating effect, by means of a unqiue ID for each text. The HTML code containing the actual text (code of Step 2) must then carry these specified ID names.

 

[weblord]

im sure i will have a use for that some day. rep added. thanks.

 

[blackwizard]

THanx a lot! you are welcome to ask suggestions on ur site. I may try to answer