JavaScript中的OnMouseOver效果

Question

I'm trying to do a Cool OnMouseOver effect incorporating JavaScript in my HTML file. I have a picture with a map. I have about 7 different areas inside that map. I would like to add an OnMouseOver effect to each of those areas so that they can zoom in smoothly. Somebody knows how may I achieve this? Thank you very much!!

-Diego.

Answer 1

All I can think of is split that map into 7 images, when one of those images is clicked you then zoom it - a library such as jQuery can help with this.

You can find instructions on animating image size with jQuery here .