#javascript-code-18-mouseout.js / js
// Find all the <a> elements, to attach the event handlers to them var li = document.getElementsByTagName(“a”); for ( var i = 0; i < a.length; i++ ) { // Attach a mouseover and focus event handler to the <a> element, // which changes the <a>s background to blue when the user either // mouses over the link, or focuses on it (using the keyboard) a[i].onmouseover = a[i].onfocus = function() { this.style.backgroundColor = ‘blue’; }; // Attach a mouseout and blur event handler to the <a> element // which changes the <li>s background back to its default white // when the user moves away from the link a[i].onmouseout = a[i].onblur = function() { this.style.backgroundColor = ‘white’; }; }
(C) Æliens 20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.