»
EnglishFrenchVietnamese

Print - Pulsating text - JavaScriptBank.com

Full version: jsB@nk » Text » Fade-Glow » Pulsating text
URL: https://www.javascriptbank.com/pulsating-text.html

Pulsating text © JavaScriptBank.comThis effect makes use of IE's multimedia filters, coupled with scripting, to render an 'aura' around any given text. The effect can easily be applied to multiple text, each with differing pulsating colors and speed.

Full version: jsB@nk » Text » Fade-Glow » Pulsating text
URL: https://www.javascriptbank.com/pulsating-text.html



JavaScript
<script><!--//Pulsating Text (Chris A e-mail: [email protected] , http://c-retreat.tripod.com/)var divs = new Array();var da = document.all;var start;//CONFIGUER THESE VARS!!!!!!//speed of pulsingvar 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 strengthaddDiv(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><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<body onLoad="initVars()"><div id="hi" style="color: lime"><font size=7>JavaScriptBank.com</font></div><br><div id="welcome" style="color: lime"><font size=7>Bank of</font></div><br><div id="message" style="color: lime"><font size=7>over 2000+</font></div><br><div id="msg2" style="color: lime"><font size=7>free JavaScripts</font></div><br><div id="msg3" style="color: lime"><font size=7>JavaScriptBank.com</font></div></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->