分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。
创新互联建站专注于企业成都全网营销、网站重做改版、河津网站定制设计、自适应品牌网站建设、成都h5网站建设、商城网站建设、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为河津等各大城市提供网站开发制作服务。
代码如下： 单击图片即可放大图片 点击图片预览效果。
一般来说，实现图片的放大缩小功能都用到了比较大的封装插件，特别是以jQuery插件居多，而实际上单纯实现对原图本身的放大缩小，用简单几行原生JS代码就可以做到。
用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。
div.css(lfet，value)；div.css(top，value)...同理 div.width(200) // 同样也可以用上述css方式来实现。 div.css(width，value)； height跟width一样。
准备好需要用到的图标。新建html文档。书写hmtl代码。
直接写 (#mydiv2).html(dddd)； 这个ID是修改的那个 用firebug就可以看到 你写的是这个id =mydiv2 是这个模板里面的ID值的变化，而不是追加到你行下面的这个div 不知道你是否理解了。
途径：第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。
div{ background：url(图片路径)；background-size：800px 600px；background-repeat：no-repeat；}其中图片路径可以使用相对路径也可以使用绝对路径，不用添加双引号。
jquery获取img宽高的操作方法和步骤如下：首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。
1、jquery点击图片显示原图效果。具体点击后效果如下图。
2、你可以通过改变元素的width，height实现放大。也可以使用css3的transform中的2D缩放：scale()如果是移动端或者IE9以上，推荐使用css3实现。性能效果更好。
3、只有文字变大？按钮效果变大，但视觉效果没有盖住其他按钮 按钮变大，盖住两侧的按钮。一次满足3种效果，最好是使用绝对定位。优点是满足你的要求，缺点是需要定好坐标、宽度。
4、旋转效果有2d旋转、3D旋转.你可以baidu搜索下css3 Transform ，就可以实现 放大效果：可以通过jquery animate方法改变图片的width，height属性实现。
5、这个是随鼠标移动查看放大图片响应的是onmousemove事件 你可以改下 第二种方法：可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果。