如何在jQuery上移动鼠标时放大和缩小屏幕的一部分?

I have some images. I want to zoom in whenever mouse goes and zoom out when mouse leaves. I have two 'Div's on top of each other, each contains a canvas and some draggable/droppable images. I want to zoom in whenever mouse goes and zoom out when mouse leaves. I would really appreciate any help. Warm regards . like the images are showing bigger in yahoo search

Have you considered a third party jquery plugin like this: http://www.elevateweb.co.uk/image-zoom/examples