What's the HTML code so when i move my mouse over an image, the image will change into something else, like a different color or something.

Well you could do it using Javascript or CSS. Here's how
Javascript

So just replace image_hover.gif and regularimage.gif with your own image directory.

CSS

A better way to do it using only one image (better in that the image is always preloaded needing no javascript).
http://www.tutorio.com/tutorial/pure-css-image-rollovers

kinda what bezz is talking about... check out this sexy menu with source:

http://www.webdesignerwall.com/tutorials/advanced-css-menu/


DEMO: http://emoruffino.com/zymic/menu/
(im going to start using this method)

I was thinking for a second, wait he didn't make this; Nick did. Then I noticed the first link you posted. You really shouldn't steal any content without his permission. He will get angry, and trust me, you don't want him angry...lol. Anyways...what BEZZ said is exactly what I was trying to show with the CSS portion of my previous post. You can either do that with JS or CSS. Many would prefer using CSS because it's easier and a lot better than JS. What you have to also note is that many browsers now grants the user the option to disable JS on their computer. However, CSS cannot be disabled (as of now).

Your example isn't the same as mine. Yours uses 2 graphics, one when the mouse is not over the image, and another one when it is over the image. This creates the problem that the browser has to load the mouse over image seperately when it is moused over the first time, causing a delay. My example uses masking, and moves the image up when moused over, no extra loading on the fly needed.

Ah now I see what it does. It literally rolls over. I never actually thought about using such techniques. I have read that tutorial once before, but that was a long time ago. Anyways, thank you very much.

how did i? you can download the source... so i put it on my server... lmao....