Hover Hijax
This API animates in an element's CSS hover state defined by a CSS class. This effectively
removes the presentational values (i.e. colors) from the JavaScript and keeps it safetly in the CSS. It also provides
a cool hover effect for all the links on your pages.
NOTE: This API required YUI.
<![CDATA[<script src="../../YUI/yahoo.js" type="text/javascript"></script>
<script src="../../YUI/event.js" type="text/javascript"></script>
<script src="../../YUI/dom.js" type="text/javascript"></script>
<script src="../../YUI/animation.js" type="text/javascript"></script>
<link href="hoverHijax.css" type="text/css" rel="stylesheet" />
<script src="hoverHijax.js" type="text/javascript"></script>
<script>
YAHOO.util.Event.addListener(window, "load", function(){ YAHOO.mozmonkey.HoverHijax.addAllAncors('hover') });
YAHOO.util.Event.onAvailable("testBtn", function(){
YAHOO.mozmonkey.HoverHijax.addElement("testBtn", 'hover', { durationOn : 2, durationOff : 2 });
});
</script>
]]>
Try hovering me