height 150pxborder #FFF solid 1pxmargin 15px autooverflow hidden *有无这句区别很大，就是不受方框限制* aaa img cursor pointertransition all 04s *越小越快* aaa imghover transform scale3 *鼠标经过时候图片放大多少；假设图片外层DIV的class为pic，图片的大小是400*300，html代码可以写成下面这样ltdiv class=quotpicquot ltimg src=quotabcjpgquot width=quot400quot height=quot300quot ltdiv 如果希望鼠标经过时图片的尺寸变成600*450，那么在css里面只要这样定义就行了pic imghoverwidth600pxheight450px 这个代码在。

2将图片放大的容器设置为可以移动，这样可以让容器随着鼠标移动而移动，从而将其他图片挡住的情况防止3给图片放大容器添加zindex，使其在其他页面元素之上，从而可以覆盖其他图片4使用css设置一个悬停后改变图片大小的动态效果，直接将图片变大，从而不会有其他图片的阻挡5使用CSS3的transform；1新建html文档，在body标签中添加图片标签，为这个标签设置“id”属性，然后设置图片的默认显示大小css属性2添加“onmouseover”js事件，首先使用“documentgetElementById”获取到图片标签，然后定义鼠标移动到图片上时发生的事件，这时图片将会放大3添加“onmouseout”js事件，首先获取图片标签，然后。

用js，先是一个小图片缩略图，onMouseOver时触发js写的Function，当然Function中是处理方法这只是简单思路，至于怎么写网上有很多类似的代码可以供你copy了，自己找找；源码如下 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitleCSS3鼠标滑过图片放大特效DEMO演示lttitle ltstyle htmlfontfamilysansserifmstextsizeadjust100%webkittextsizeadjust100%bodymargin0article，aside，details，figcaption，figure。

一通过css样式中的 quothoverquot实现，代码如下 lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltstyledivbackgroundredwidth200pxheight200pxdivhoverbackgroundredwidth500pxheight500pxltstyleltheadltbodyltdiv变大ltdivlt。

女人耳朵有三颗连成直线的痣

lt！DOCTYPE htmlltheadltscriptwindowonload = function var img = documentgetElementByIdquotimgTestquot if documentaddEventListener imgaddEventListenerquotmouseoverquot，doMouseover，false imgaddEventListenerquotmouseoutquot，doMouseout，false else ifdocumentattachEvent img。

gallery img width 250pxtransition 1s transformtransform translateZ0 galleryhover img transform scale15， 15transition 3s transform。

做好是给图片加以个lta标签，然后对lta标签设置hover 例如一个图片ltimg src=#39examplejpg#39 width=#39100#39 height=#39100#39 alt=#39举例#39 移上去的图片叫hoverjpg 两个图片大小一样 改写成 lta href=#39javascript#39 id=#39example#39lta 再在css中添加 example backgroundurl#39examplejpg#39。

lta href=quotlt%#DataBinderEvalContainerDataItem，quotimageBigUrlquot %quot class=quottooltipquot 大图片提示 ltaspImageButton ID=quotimage1quot runat=quotserverquot ImageUrl=#39lt%#DataBinderEvalContainerDataItem，quotimageSmallUrlquot %#39 Width=quot50pxquot Height=quot50pxquot lta。

5 ns可以缩小到01，放大到5倍 计算位置，以鼠标所在位置为中心 以每个点的xy位置，计算其相对于图片的位置，再计算其相对放大后的图片的位置 bgX = bgXxbgX*nsscaleSizescaleSize bgY = bgYybgY*nsscaleSizescaleSize scaleSize。

定位层级太低的原因，给导航加一个z再测试下 数值越大，越排在上面。

html鼠标放在图片上图片变大

attr#39src#39，Src#39tab#39find#39img#39mouseoverfunction var inx = $thisindexvar Imgsrc = $#39tab#39find#39img#39eqinxattr#39src#39#39show#39find#39img#39attr#39src#39，Imgsrcltscript lthtml 引一个jquery文件，图片地址替换一下就可以了。

1新建html文档2在head里插入链接和图片样式，表示鼠标经过时图片放大，代码如下ltstyle type=quottextcssquot a #bigwidth800pxheight480px a #bighover width1200pxheight720px ltstyle 3在body里插入lta href=quot#quotltimg id=quotbigquot src=quotimagesdonejpgquot lta，表。

html鼠标放上逐渐变大拿走变小原理如下1当鼠标移到图片上，图片变大当鼠标移出图片，图片变小2鼠标over时，设置一个定时器，让图片逐渐变大，鼠标out时同理。