Question

I’m trying to change the background image of a button when the mouse is hovered.

with the statement

function testIn ()
{
elem.style.backgroundImage = 'url("image_name_in.png")';
}
function testOut ()
{
elem.style.backgroundImage = 'url("image_name_out.png")';
}

i’m doing this with onMouseOver=testIn() and onMouseOut=testOut().

Here the problem is that, when i hover the mouse. I’m seeing the progress bar (bottom right side) is shown in firefox as if some page is getting loaded

Answer 1

Use :hover pseudo-class and CSS Sprites instead.