1、2利用js制作，jquery #39a img#39hoverfunction thiscss height120px，width120px hover時增大 ，function thiscss height100px，width100px 離開時減?。欢x了height=quot200pxquot width=quot150quot 圖片大小，鼠標(biāo)移上去大小變?yōu)?00，400px，鼠標(biāo)移開變成200，150大??；用JavaScript實現(xiàn)圖片點擊放大再次點擊恢復(fù)代碼如下知識拓展JavaScript 是目前所有主流瀏覽器上唯一支持的腳本語言，這也是早期JavaScript的唯一用途其主要作用是在不與服務(wù)器交互的情況下修改HTML頁面內(nèi)容，因此其最關(guān)鍵的部分；function zoomIn 此處點擊圖片時會將圖片放大到原來的三倍大小，重復(fù)點擊一直放大 var imgNode = documentgetElementByIdquotimagequotvar width = imgNodewidthvar height = imgNodeheightvar width_tmp =；function toBig quot#圖片所在元素的idquotcss“height”，“放大多少px”quot#圖片所在元素的idquotcss“width”，“放大多少px”；分別寫一個onmouseover和onmouseout事件然后在事件里面加一個function，分別寫想要放大的尺寸和縮小或復(fù)原的尺寸具體代碼實現(xiàn)如下 var img = documentgetElementById#39img#39function bigger = #39。

2、在頁面中加個層，點擊圖片時將圖片地址再放到層中整個放大 function clickImgobj var dv=documentgetElementByIdquotdiv1quotdvinnerHTML=quotquot；用js，先是一個小圖片縮略圖，onMouseOver時觸發(fā)js寫的Function，當(dāng)然Function中是處理方法這只是簡單思路，至于怎么寫網(wǎng)上有很多類似的代碼可以供你copy了，自己找找；通過JS代碼 documentgetElementById#39divID#39styleetElementById#39divID#39styledisplay = #39#39函數(shù)可以實現(xiàn)1遮罩層 ，即作為背景層，覆蓋整個頁面彈出層，即背景層上的一層，此層可根據(jù)#formtop；這個是隨鼠標(biāo)移動查看放大圖片響應(yīng)的是onmousemove事件 你可以改下 第二種方法可自定義CSS樣式，控制jQuery插件jQuery Image Flyout提示小圖片顯示效果代碼 一，包含文件 二，HTML部分DIV層內(nèi)所用圖片鏈接jQuery插件。

3、很簡單啊，先把圖片用css縮小，再用js滑過的時候放大就好啦，圖省事我就把js直接寫在圖片上了，你可以自己抽出來 或者更簡單的，直接用css控制，連js都不用寫了 Img1 width50px height50px Img1hover；例 function ShowDivpic divPicinnerHTML=quotquot=quotblockquot還可以讓div跟著圖片所在的當(dāng)前窗體位置居中，代碼略 function HideDiv =quotquot 這樣就可以了。

4、1點擊JavaScript圖片2通過點擊之中換成img的src屬性3換成屬性之后，將圖片設(shè)置成動畫形式放大原來的15倍4在設(shè)置中找到動畫時間，將動畫時間設(shè)為3秒即可1單擊JavaScript圖像2通過單擊來更改img的src；forvar i=0iltingListlengthi++ ingListionclick=function =quotfixedquot=quot800pxquot=quot200pxquot 這只是圖片放大你說的左右移動的那種，要倆個；你可以使用layerjs，layerphotos這個是網(wǎng)址，有最新版本，你可以使用最新版本的 效果大概如下。