分别写一个onmouseover和onmouseout事件然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸具体代码实现如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的图片路径quot style=quotwidth100pxheight100pxquot ltscript type=quottextjavascriptquot var。

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

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

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

脚本 编辑器，需要安装然后按照向导，安装后使用相应的脚本命令，编辑鼠标经过时图片会放大dw怎么设置鼠标划过图片变大dw设置鼠标划过图片变大的方法步骤 第一步打开Dreamweavercc2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，节省时间第二步在body标签内输入pclass=one。

1可以将图片放大的容器或元素设置为fixed，这样就可以当鼠标悬停时，容器将会覆盖在其他图片上方2将图片放大的容器设置为可以移动，这样可以让容器随着鼠标移动而移动，从而将其他图片挡住的情况防止3给图片放大容器添加zindex，使其在其他页面元素之上，从而可以覆盖其他图片4使用css设置一个。

给图片加一个onMouseOver和onMouseOut事件就可以做到例ltscript language=javascript function ShowDivpic divPicinnerHTML=quotltimg src=quot+pic+quotquot=quotblockquot还可以让div跟着图片所在的当前窗体位置居中，代码略 function HideDiv =quotquot。

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

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文件，图片地址替换一下就可以了。

把lta去掉，width 和height 是图片的原始大小，不是放大后的，放大是由ifilt20setTimeout#39max#39，100这里控制的，你把20改为其他数字看看效果，比如100lthtml lthead ltmeta。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3浏览器运行indexhtml页面，此时成功将矩形图片只显示了正方形部分4点击小图后。

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

用js，先是一个小图片缩略图，onMouseOver时触发js写的Function，当然Function中是处理方法这只是简单思路，至于怎么写网上有很多类似的代码可以供你copy了，自己找找。

html图片按屏幕大小等比例缩放若浏览器允许可按Ctrl+鼠标滚轮滑动缩放，或用代码具体方法如下Ctrl+鼠标滚轮滑动缩放 css代码与htlm代码 CSS 代码如下background position fixedtop 0left 0width 100%height 100%overflow hiddenbackgroundcolor #211f1fdisplay\8 ba。

1在设计面做一个层，默认设置成隐藏，定位于小图上2在图片中设置动作，这样鼠标移过时，在层中就可以显示大图了希望可以帮到你。