Glowing Text!

Tips From Grandma EJ

Free Web Designs

Fun & Special Codes

Glowing Text

Visit www.little-shoppe.com for Hagen Renaker Miniatures

Directions

Copy the below code
and paste it in the "header"

<style> #glowtext{ filter:glow(color=FFFF00,strength=3); width:100%; } </style> <script language="JavaScript1.2"> /* Glowing Text Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ function glowit(which){ if (document.all.glowtext[which].filters[0].strength==3) document.all.glowtext[which].filters[0].strength=2 else document.all.glowtext[which].filters[0].strength=3 } function glowit2(which){ if (document.all.glowtext.filters[0].strength==3) document.all.glowtext.filters[0].strength=2 else document.all.glowtext.filters[0].strength=3 } function startglowing(){ if (document.all.glowtext&&glowtext.length){ for (i=0;i<glowtext.length;i++) eval('setInterval("glowit('+i+')",150)') } else if (glowtext) setInterval("glowit2(0)",150) } if (document.all) window.onload=startglowing </script>

If you wish to change the color of the glow (from yellow to something else), just change FFFF00 inside the <style> tag.

Step 2: Place the following codes on either side of the text you wish to glow:

<span id="glowtext">This is a glowing text</span>

You're done!