<html>

<head>

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[i][0].style.filter = "Glow(Color=" + divs[i][1] + ", Strength=" + divs[i][2] + ")";

divs[i][0].style.width = "100%";

}

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

}

function update()

{

for (var i=0;i<divs.length;i++)

{

if (divs[i][4])

{

divs[i][0].filters.Glow.Strength++;

if (divs[i][0].filters.Glow.Strength == divs[i][3])

divs[i][4] = false;

}

if (!divs[i][4])

{

divs[i][0].filters.Glow.Strength--;

if (divs[i][0].filters.Glow.Strength == divs[i][2])

divs[i][4] = true;

}

-->

</script>

</head>

Select All

Hello!

</div>

<br>

Welcome!

</div>

<br>

This is a pulsating message!

</div>

<br>

This is another pulsating message!

</div>

<br>

This is yet another pulsating message!

</div>

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

</body>

</html>