分別寫一個(gè)onmouseover和onmouseout事件然后在事件里面加一個(gè)function，分別寫想要放大的尺寸和縮小或復(fù)原的尺寸具體代碼實(shí)現(xiàn)如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的圖片路徑quot style。

1直接添加寬高屬性ltimg src=quotquot width=quot200quot height=quot200quot 2在樣式表中定義img height200pxwidth200px 這樣的弊端是如果圖片比例不等就會(huì)出現(xiàn)圖片拉伸，要么改圖片或限制圖片最大寬高度，后者建議使。

富文本編輯器中需支持圖片點(diǎn)擊放大功能，也可用這種方式實(shí)現(xiàn) 原效果點(diǎn)擊放大后的效果。

maximumscale=2 表示頁面最大放大2倍，這樣你只要雙擊圖片就可以實(shí)現(xiàn)放大了，如果是要js來實(shí)現(xiàn)的話 那就得寫拖動(dòng)插件了 原理先改變圖片那個(gè)div的寬度為2倍然后定義那個(gè)div為絕對定位，這個(gè)div可以拖動(dòng)需要js來監(jiān)聽。

圖片放大可以用和這個(gè)方法，圖片放大后不會(huì)失真 第一步，添加需要放大的圖片 第二步，批量添加，如果多余可以刪除 第三步，可以選擇風(fēng)格，降噪程度 第四步，選擇放大倍數(shù) 第五步，自定義輸出位置 第六步，設(shè)置完成后點(diǎn)擊。

下面我們來看下示例代碼在這個(gè)示例中當(dāng)你點(diǎn)擊圖片時(shí)圖片就會(huì)出現(xiàn)上圖效果，再一次點(diǎn)擊時(shí)就變成原始圖片了lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle放大鏡lttitle lt！HTML代碼設(shè)計(jì)一個(gè)。

用JavaScript實(shí)現(xiàn)圖片點(diǎn)擊放大再次點(diǎn)擊恢復(fù)代碼如下JavaScript一種直譯式腳本語言，是一種動(dòng)態(tài)類型弱類型基于原型的語言，內(nèi)置支持類型它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是。

用JavaScript實(shí)現(xiàn)圖片點(diǎn)擊放大再次點(diǎn)擊恢復(fù)代碼如下知識(shí)拓展JavaScript 是目前所有主流瀏覽器上唯一支持的腳本語言，這也是早期JavaScript的唯一用途其主要作用是在不與服務(wù)器交互的情況下修改HTML頁面內(nèi)容，因此其最關(guān)鍵的部分。

可以用js來實(shí)現(xiàn) 應(yīng)該獲取屏幕的分辨率，還有把圖片固定在屏幕上positionfixed代碼如下lthtml xmlns=quot lthead ltmeta。

用js實(shí)現(xiàn)圖片點(diǎn)擊時(shí)放大，再點(diǎn)擊恢復(fù)的方法1頁面定義區(qū)片區(qū)域ltimg src=quotImageshomejpgquot id=quotImg1quot width=quot118quot height=quot106quot border=quot0quot ltimg src=quotImagesmachinejpgquot id=quotImg2quot width=quot118quot。

操作方法如下1以Hbuilder來講解，首先新建一個(gè)HTML頁面，如圖2接著給標(biāo)簽設(shè)置背景圖片，如圖設(shè)置的是ltbody標(biāo)簽3然后新建一個(gè)css文件，如圖4這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果標(biāo)簽是div就寫div。

你是要放大鏡效果吧，找JQ放大鏡效果，然后加到你的網(wǎng)頁中調(diào)用就可以了。

附件是一個(gè)簡單的點(diǎn)擊放大的效果， 你可以看一下。

用CSS3 @media 查詢 也叫“媒體查詢”語法aaawidth1200px 正常樣式 下面是分辨率最小為300px，最大分辨率為1024px的樣式 media screen and minwidth 300px and maxwidth1024px aaaw。

這個(gè)簡單啊，點(diǎn)擊時(shí)獲取超鏈接對象然后對象stylefontSize=quot36pxquot 這個(gè)值由你設(shè)置如lta href=quotquot id=quotmyABquot style=quotfontsize14pxquot我是超鏈接ltaltinput type=quotbuttonquot value=quot放大quot onclick=quot。