Q327 How can I place a delay between onMouseOut and the swapping back of the image?

irt.org | Knowledge Base | JavaScript | Image | Q327 [ previous next ]

Q327 How can I place a delay between onMouseOut and the swapping back of the image?

Use the setTimeout() method with a delay in milliseconds:

<SCRIPT LANGUAGE="JavaScript"><!--
function swapImage(name,image) {
    document.images[name].src = image;
}
//--></SCRIPT>

<A HREF="apage.html" onMouseOver="swapImage('myImage','on.gif')" 
 onMouseOut="setTimeout('swapImage(\'myImage\',\'off.gif\')',1000)">
<IMG SRC="off.gif" NAME="myImage" BORDER="0" WIDTH="16" HEIGHT="16"></a>

What's New

How to do the impossible with Google Gears

Out and About

Last Updated: 6th July 2009. Maintained by: Martin Webb and Michel Plungjan
irt.org liability, trademark, document use, privacy statement and software licensing rules apply.