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

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3浏览器运行index。

1首先打开电脑之后，如下图所示，新建一个“cs”文件夹，在文件夹中存储一张图片用来做演示2接着打开visual studio code点击“文件”“打开文件夹”，选中上一步建立好的“cs”文件夹3然后点击“cs”右侧的“。

Copy codesinglegamesarea img width 100% height auto 上面的代码中，我们将图片的宽度设置为 100%，这样图片就会占满整个父元素的宽度同时，我们将图片的高度设置为 auto，这样图片的高度就会根据宽度。

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

注意one的前面必须嫁个点摁F12键，跳转到网页看效果4第四步回到Dreamweaver软件界面，在body标签前面适当位置输入代码ppt中鼠标移动到某图片，该图片放大的效果如何实现单击图片就放大的做法打开自定义动画面板。

1新建html文档2在head里插入链接和图片样式，表示鼠标经过时图片放大，代码如下 a #bigwidth800pxheight480px a #bighover width1200pxheight720px 3在body里插入，表示设置一个有链接的图片。

打开第三方浏览器在浏览器的页面中，选择“查看”在查看中选择放大或缩小功能，同样也可使用快捷键来放大缩小网页，使用放大“Ctrl+”，使用缩小“Ctrl”还可以使用浏览器右下方的快捷按键，来调整网页的大小或者使用。

这个是随鼠标移动查看放大图片响应的是onmousemove事件 你可以改下 第二种方法可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果代码 一，包含文件 二，HTML部分DIV层内所用图片链接jQuery插件。

HTML实现网页上图片放大功能代码 就像新浪微博图片放大一样的那种，点一下放大再点一下就变成原来的状态 有代码的各位大大们，发到我邮箱xudongxu827@163com越简单越好，只需要图片放大和文字布局改变就好，不需要别的效果谢谢。

可以通过cover和contain来对图片进行伸缩语法backgroundsizeauto* 默认值，不改变背景图片的高度和宽度 * backgroundsize100px 50px* 第一个值为宽，第二个值为高，当设置一个值时，将其作为图片宽度来。

第一使用方法1调用lanrenzhijiacss样式 2将你需要放大的图片，按照图中代码的格式书写 3调用三个js，并指定你需要放大的图片a标签的id即可 第二使用方法。

上面的整这么多代码，看着就头痛直接在代码里写 图片多的话先定义一个样式在head下面写#picmaxwidth100pxmaxheight100px 图片上加个id=quotpicquot就行了，比如 不懂的话找我吧，细说。

例 function ShowDivpic divPicinnerHTML=quotquot=quotblockquot还可以让div跟着图片所在的当前窗体位置居中，代码略 function HideDiv =quotquot 这样就可以了。

你可以这样 简单代码Label lb = new LabellbSize = new Size1000，400Image img = ImageFromFile@quot1jpgquotlbPaint += delegateobject o， PaintEventArgs ea img， Rectangle。

2 给上面的div加上鼠标经过事件，代码 3 处理鼠标经过事件，首先定位鼠标经过图片点的坐标，以此点为中心，要放大多少范围之内的图片，放大几倍，这个自行定义4 把放大的图片显示到之前定义的空div中。