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

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

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

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