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

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

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

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

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

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

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

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

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

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

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

你是要放大鏡效果吧，找JQ放大鏡效果，然后加到你的網頁中調用就可以了。

附件是一個簡單的點擊放大的效果， 你可以看一下。

感覺上放大或者縮小是你心里的作用，這個和布局一樣，就跟你在家用個22寸的顯示器和你去商場看個22寸的顯示器一樣，大小沒有變，但是周圍的環(huán)境大了所以你會感覺大小變了 至于老溢出的話有兩種解決辦法你可以設置圖片的。

你好親，手機圖片可以這樣弄成1比1工具VIVOiQOO Neo5OriginOS10 第一步打開想要設置的照片，點擊下方的編輯 第二步點擊“構造”第三步點擊“裁剪”第四步在下方點擊“11”再點擊對鉤就好了。