1、2利用js制作，jquery #39a img#39hoverfunction thiscss height120px，width120px hover时增大 ，function thiscss height100px，width100px 离开时减小；定义了height=quot200pxquot width=quot150quot 图片大小，鼠标移上去大小变为400，400px，鼠标移开变成200，150大小；用JavaScript实现图片点击放大再次点击恢复代码如下知识拓展JavaScript 是目前所有主流浏览器上唯一支持的脚本语言，这也是早期JavaScript的唯一用途其主要作用是在不与服务器交互的情况下修改HTML页面内容，因此其最关键的部分；function zoomIn 此处点击图片时会将图片放大到原来的三倍大小，重复点击一直放大 var imgNode = documentgetElementByIdquotimagequotvar width = imgNodewidthvar height = imgNodeheightvar width_tmp =；function toBig quot#图片所在元素的idquotcss“height”，“放大多少px”quot#图片所在元素的idquotcss“width”，“放大多少px”；分别写一个onmouseover和onmouseout事件然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸具体代码实现如下 var img = documentgetElementById#39img#39function bigger = #39。

2、在页面中加个层，点击图片时将图片地址再放到层中整个放大 function clickImgobj var dv=documentgetElementByIdquotdiv1quotdvinnerHTML=quotquot；用js，先是一个小图片缩略图，onMouseOver时触发js写的Function，当然Function中是处理方法这只是简单思路，至于怎么写网上有很多类似的代码可以供你copy了，自己找找；通过JS代码 documentgetElementById#39divID#39styleetElementById#39divID#39styledisplay = #39#39函数可以实现1遮罩层 ，即作为背景层，覆盖整个页面弹出层，即背景层上的一层，此层可根据#formtop；这个是随鼠标移动查看放大图片响应的是onmousemove事件 你可以改下 第二种方法可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果代码 一，包含文件 二，HTML部分DIV层内所用图片链接jQuery插件。

3、很简单啊，先把图片用css缩小，再用js滑过的时候放大就好啦，图省事我就把js直接写在图片上了，你可以自己抽出来 或者更简单的，直接用css控制，连js都不用写了 Img1 width50px height50px Img1hover；例 function ShowDivpic divPicinnerHTML=quotquot=quotblockquot还可以让div跟着图片所在的当前窗体位置居中，代码略 function HideDiv =quotquot 这样就可以了。

4、1点击JavaScript图片2通过点击之中换成img的src属性3换成属性之后，将图片设置成动画形式放大原来的15倍4在设置中找到动画时间，将动画时间设为3秒即可1单击JavaScript图像2通过单击来更改img的src；forvar i=0iltingListlengthi++ ingListionclick=function =quotfixedquot=quot800pxquot=quot200pxquot 这只是图片放大你说的左右移动的那种，要俩个；你可以使用layerjs，layerphotos这个是网址，有最新版本，你可以使用最新版本的 效果大概如下。