Put your mouse over here and check out the statusbar.

We all are familiar with the On Mouse Over javascript, so why not snazz it up a bit? That's the idea I had in mind when I created this script. In contrast to the status quo, this statusbar message is animated on a hyperlink hover. This makes for flashy links and shows an originality in site design. Very easy to implement on multiple links.

The source..


<script language="Javascript1.2">
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com

var bloffon = 0;
var activated = false;
var speed = 1000;
var bltxt;

function BlinkOn() {
 window.status = (bloffon%2 == 0) ? bltxt : " ";
 bloffon++;

 if (!activated) {
  mybl = setInterval('BlinkOn()',speed);
  activated = true;
 }
}

function BlinkOut() {
 window.status = " ";
 clearInterval(mybl); 
 bloffon=0;
 activated = false;
}

// -->
</script>
<a href="" onMouseOver="bltxt='This is the Blinking Mouseover';BlinkOn();return true;" 
onMouseOut="BlinkOut()">Put your mouse over here</a> and check out the statusbar.

Color coding..


  The speed at which the statusbar text blinks in milliseconds. 1000 is one second.
  Put this on all links that you want to use the Blinking Mousover on. Change the text of bltxt (enclosed in single quotes '   ') to the statusbar text you want to blink. Also, you can addition make a link with no blinking (just like the On Mouse Over script) by adding activated=true; before the bltxt=.. in the onmouseover section.
Nic's JavaScript Page