lttitle 鼠标放到图片上慢慢变大，移开后图片又慢慢变小lttitle lthead ltbody ltimg id=MainImg onmouseover=max onmouseout=min src=quot你的图片地址quot width=quot放大后的宽度quot height=quot放大后的高度quotlta；最后把图片绑定到a标记就可以了lta href=quotlt%#DataBinderEvalContainerDataItem，quotimageBigUrlquot %quot class=quottooltipquot 大图片提示 ltaspImageButton ID=quotimage1quot runat=quotserverquot ImageUrl=#39lt%#DataBinderEval。

1可以将图片放大的容器或元素设置为fixed，这样就可以当鼠标悬停时，容器将会覆盖在其他图片上方2将图片放大的容器设置为可以移动，这样可以让容器随着鼠标移动而移动，从而将其他图片挡住的情况防止3给图片放大容器；假设图片外层DIV的class为pic，图片的大小是400*300，html代码可以写成下面这样ltdiv class=quotpicquot ltimg src=quotabcjpgquot width=quot400quot height=quot300quot ltdiv 如果希望鼠标经过时图片的尺寸变成600*450，那么在css。

表格宽度设置成100% #82036插入五张图片，如图所示，这样就形成了一个基本的图片展示栏#8203，接着要做图片经过的时候的放大效果 #82037选择一个图片，在属性栏，给其添加一个id，比如im1， #82038。

html鼠标放上去图片切换

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

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

你是要放大镜效果吧，找JQ放大镜效果，然后加到你的网页中调用就可以了。

要实现鼠标放在block上以中心为原点进行放大，可以利用CSS3的transform和transition来实现 CSS3的transform scale可以按比例放大或缩小block的功能。

脚本 编辑器，需要安装然后按照向导，安装后使用相应的脚本命令，编辑鼠标经过时图片会放大dw怎么设置鼠标划过图片变大dw设置鼠标划过图片变大的方法步骤 第一步打开Dreamweavercc2014软件，选择建立html界面，里面自动。

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

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

html鼠标经过图片放大的原因

1、这位网友你好，百度图片鼠标放上去放大的效果用的是css3的新属性，如下图但是现在一些低版本的浏览器并不支持，有些浏览器需要加特有的前缀百度中可以看红框中的代码代码示例imghover transformscale15。

2、单击JavaScript图像2通过单击来更改img的src属性3更改为属性后，将图片设置为动画形式，放大15倍4在设置中找到动画时间，将动画时间设置为3秒HTMLhover怎么让鼠标移上去图片变大可以用js事件“onmouseover”。

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

4、在编写的JavaScript中定义两个函数一个是放大图片和字体，一个是缩小图片和字体，然后在图片和字体的代码中用onMouseOver事件调用第一个方法用onMouseOver调用第二个方法。

5、源码如下 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitleCSS3鼠标滑过图片放大特效DEMO演示lttitle ltstyle htmlfontfamilysansserifmstextsizeadjust100%webkit。