整个菜单6张图片，当hover状态也就是鼠标经过的时候，当前图片放大，可以遮住后面的图片，看到这里，就有了一点想法，整个过程全部由CSS来控制，先来看看页面的代码 插入代码 Image 1 Image 2 Image 3。

jquery #39a img#39hoverfunction thiscss height120px，width120px hover时增大 ，function thiscss height100px，width100px 离开时减小。

分别写一个onmouseover和onmouseout事件然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸具体代码实现如下 var img = documentgetElementById#39img#39function bigger = #39400px#39 = #39400px#39 function smaller。

lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot Untitled Page li a img width20pxheight20px li a imghover width40px height40px。

1假设图片外层DIV的class为pic，图片的大小是400*300，html代码可以写成下面这样 2如果希望鼠标经过时图片的尺寸变成600*450，那么在css里面只要这样定义就行了picimghoverwidth600pxheight450px 3这个代码在ie6下会不生效，因为ie6不支持除A标签外的其他元素的hover伪类如果要在i。

用CSS3中的transfromscalex，y来放大，如下 margin0padding0 divbordersolid 1px #333width40pxheight40px div imgwidth40pxheight40pxtransitionall 03s div imghovertransfromscale2，2从中心放大两部。