Dynamic Drive DHTML Scripts- Flashing Links script

Flashing Links script

Author: Dynamic Drive

Note: Last updated June 30th, 03'. Added NS6 compatibility plus efficiency.

Description: Some links are more important than others on your page...with this script, they will be noticed more as well. Use it to give any link(s) on your page a flashing trait, with independently controlled options for each link. Ah, the power of DHTML!

Demo: The script allows you to flash a link in two ways- flashing the link text itself, or its background:

Dynamic Drive, your DHTML source! (flashing link text)

Visit JavaScript Kit for free JavaScripts! (flashing link background)

Directions:

Simply insert the below script to the <HEAD> section of your document:

Select All
<script language="JavaScript1.2" type="text/javascript"> /*********************************************** * Flashing Link Script- © Dynamic Drive (www.dynamicdrive.com) * This notice must stay intact for use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var flashlinks=new Array() function changelinkcolor(){ for (i=0; i< flashlinks.length; i++){ var flashtype=document.getElementById? flashlinks[i].getAttribute("flashtype")*1 : flashlinks[i].flashtype*1 var flashcolor=document.getElementById? flashlinks[i].getAttribute("flashcolor") : flashlinks[i].flashcolor if (flashtype==0){ if (flashlinks[i].style.color!=flashcolor) flashlinks[i].style.color=flashcolor else flashlinks[i].style.color='' } else if (flashtype==1){ if (flashlinks[i].style.backgroundColor!=flashcolor) flashlinks[i].style.backgroundColor=flashcolor else flashlinks[i].style.backgroundColor='' } } } function init(){ var i=0 if (document.all){ while (eval("document.all.flashlink"+i)!=null){ flashlinks[i]= eval("document.all.flashlink"+i) i++ } } else if (document.getElementById){ while (document.getElementById("flashlink"+i)!=null){ flashlinks[i]= document.getElementById("flashlink"+i) i++ } } setInterval("changelinkcolor()", 1000) } if (window.addEventListener) window.addEventListener("load", init, false) else if (window.attachEvent) window.attachEvent("onload", init) else if (document.all) window.onload=init </script>

The script operates by extending all links on your page with three optional attributes, which you apply to the specific link you wish to flash. Here are the attributes:

id="flashlinkID"	Enables flashing on the link. Replace "ID" with an integer starting from 0 and onwards, depending on the number of flashing links you have.
flashtype=?	Sets the type of flash. Set to 0 for flashing on link text, 1 for flashing on link's background
flashcolor=?	Sets the color of the flash. Input color name or hex value.

All three attributes should appear concurrently in the flashing link. For example:

<a href="test.htm" id="flashlink0" flashtype=0 flashcolor="green">Example 1</a>

<a href="test.htm" id="flashlink1" flashtype=1 flashcolor="lime">Example 2</a>

The result is:

Example 1

Example 2

As shown above, to apply the effect to multiple links on the page, increment the ID attribute of each link from "flashlink0" to "flashlink1" etc, depending on the number of flashing links.