Testing Mouseover Attributes
Highlighting Asymmetrical Links

Ashanti

Based on a suggestion from one of the Accessibility Mailing Lists I subscribe to. The quality of the graphic representation is poor, as I banged it out quickly, but the illustration of the effect should be apparent. Cursor over the image of Ashanti or alternatively, tab through the page.

This basic Fireworks Mouseover effect has been hand modified to also include the "onfocus" and "onblur" event handlers to ensure device independent JavaScript functionality.

 Code Sample:  <a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('ashanti','','ashanti_f2.gif',1);" onblur="MM_swapImgRestore();" onfocus="MM_swapImage('ashanti','','ashanti_f2.gif',1);"><img id="ashanti" src="ashanti.gif" style="width: 156px; height: 164px; border: none;"></a>

Also to note, since this page was authored to XHTML the event handlers are all lower-case, a requirement of XHTML.

<< Back to More Examples © 2002 - Bytown Internet - All Rights Reserved [bytown internet logo]