what is the HTML code for when you insert an image and when you mouse hovers over the image, it changes?

Question

When your cursor hovers over the image you've inserted, it changes slightly. What is the code to make that happen?

Answer 1

wooo javascripting for the win.
goof3.gif is the first image that will show up on the page, while goof4.gif is the image that will show up when you mouseover.




Ok, now that code just needs to be at the top somewhere.




This is the code you'll need to actually call the image flip (so put this where you want the image to go)

Check out http://www.htmlgoodies.com/tutorials/web_graphics/article.php/3479941 for more info. :)

Hope this helps!

Answer 2

Tutorial:
http://www.virtuallyignorant.com/buttons.htm

Answer 3

you can also do that with the mouse over option in Java script. Check out WebMonkey to get some info on the syntax (and to just cut and copy the code). I use that all the time when I'm doing pages. :)

Answer 4

Well Aparently, I cant show you all of the code I just wrote but. The idea is use an inside the the tag use onmouseover="this.src='filename'" onmouseout="this.src='anotherfile'"


""

That will get you there.

Answer 5

Do you have a link to your page so I can examine the source code?

Answer 6

There is no way to do it in pure HTML. You need some JavaScript with a handler for the onMouseOver event.

Answer 7

Hope this helps

Answer 8

http://www.xgenerators.com/index.php?x=imagerollovereffects