1可以將圖片放大的容器或元素設(shè)置為fixed，這樣就可以當(dāng)鼠標(biāo)懸停時(shí)，容器將會(huì)覆蓋在其他圖片上方2將圖片放大的容器設(shè)置為可以移動(dòng)，這樣可以讓容器隨著鼠標(biāo)移動(dòng)而移動(dòng)，從而將其他圖片擋住的情況防止3給圖片放大容器添。

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

輸入css代碼div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)成功將矩形圖片只顯示了正方形部分4點(diǎn)擊小圖后，成功顯示了大圖。

1新建html文檔，在body標(biāo)簽中添加一張圖片，給這張圖片設(shè)置css屬性，添加“tansform”縮放屬性，屬性值為“scaleXn”，scaleXn指的是對(duì)寬度進(jìn)行縮放，n指的是縮放比例2將transform的屬性值改為“scaleYn”。

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

2在彈出的“圖像大小”窗口中，將“寬度”和“高度”設(shè)置為A4紙的大小，即210毫米寬297毫米高同時(shí)，將“分辨率”設(shè)置為300像素英寸3點(diǎn)擊“確定”按鈕，這時(shí)你會(huì)發(fā)現(xiàn)圖片已經(jīng)被縮小了4如果你想要將圖片放大到。

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

制作圖片的放大效果我考慮到的方法是將原始圖片繪制到canvas上，然后在對(duì)canvas進(jìn)行局部裁剪最后對(duì)裁剪的部分進(jìn)行放大，這樣就可以實(shí)現(xiàn)放大鏡的效果這里我給出一個(gè)實(shí)現(xiàn)這個(gè)想法的示例該示例實(shí)際上就是運(yùn)用HTML5 canvas中對(duì)。

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

inx = $thisindexvar Imgsrc = $#39tab#39find#39img#39eqinxattr#39src#39#39show#39find#39img#39attr#39src#39，Imgsrcltscript lthtml 引一個(gè)jquery文件，圖片地址替換一下就可以了。

1選中文檔中繪制的圖2單擊圖片工具格式選項(xiàng)卡右下角如圖所示的按鈕3彈出大小對(duì)話框，去掉鎖定縱橫比和相對(duì)于圖片原始尺寸復(fù)選框中的對(duì)勾，在高度和寬度輸入框中輸入所需要的數(shù)值即可，如圖所示。

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

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

感覺(jué)上放大或者縮小是你心里的作用，這個(gè)和布局一樣，就跟你在家用個(gè)22寸的顯示器和你去商場(chǎng)看個(gè)22寸的顯示器一樣，大小沒(méi)有變，但是周?chē)沫h(huán)境大了所以你會(huì)感覺(jué)大小變了 至于老溢出的話有兩種解決辦法你可以設(shè)置圖片的。

你好親，手機(jī)圖片可以這樣弄成1比1工具VIVOiQOO Neo5OriginOS10 第一步打開(kāi)想要設(shè)置的照片，點(diǎn)擊下方的編輯 第二步點(diǎn)擊“構(gòu)造”第三步點(diǎn)擊“裁剪”第四步在下方點(diǎn)擊“11”再點(diǎn)擊對(duì)鉤就好了。