1、可以用css3中“transform scale”屬性對圖片進行縮放1新建html文檔，在body標簽中添加一張圖片，給這張圖片設(shè)置css屬性，添加“tansform”縮放屬性，屬性值為“scaleXn”，scaleXn指的是對寬度進行縮放，n指的。

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

3、源碼如下 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitleCSS3鼠標滑過圖片放大特效DEMO演示lttitle ltstyle htmlfontfamilysansserifmstextsizeadjust100%webkit。

4、一種是JS抓取瀏覽器的resize事件，另外一個，新單位，低版本瀏覽器不兼容 1vw = 當前視圖窗口viewport1%的寬度 1vh = 當前視圖窗口viewport1%的高度 1vmin = 1vw 或 1vh， 取決于哪個更小一點 1vmax = 1vw。

5、3添加“onmouseout”js事件，首先獲取圖片標簽，然后定義鼠標移開圖片時發(fā)生的事件，這時圖片將會縮小JS實現(xiàn)鼠標移動到縮略圖顯示大圖的圖片放大效果可以用js事件“onmouseover”和“onmouseout”來實現(xiàn)1新建html文檔，在。

6、圖片可以設(shè)置百分比，根據(jù)窗口的大小自動縮放，字體不能自動縮放除非用@media screen給不同的窗口大小寫不同的字體大小樣式。

7、假設(shè)圖片外層DIV的class為pic，圖片的大小是400*300，html代碼可以寫成下面這樣ltdiv class=quotpicquot ltimg src=quotabcjpgquot width=quot400quot height=quot300quot ltdiv 如果希望鼠標經(jīng)過時圖片的尺寸變成600*450，那么在css。

8、ASP背景圖片怎樣正好等于瀏覽器大小 可以通過CSS解決 但是不推薦這樣使用 最好還是做個小圖片循環(huán)拼接 這樣的效果比適應(yīng)分辨率做出來的要好 div設(shè)置背景圖片，窗口寬度變小后背景圖片會縮小變成兩個三個，css應(yīng)該怎么改。

9、h = h * Ratio objImgheight = h objImgwidth = w 以上是js的方法 下面這個是引用的imgltimg id=quotlc_divquot src=quot圖片路徑quot onload=quotAutoResizeImage500，500，thisquot。

10、4關(guān)閉彈出層和遮罩層用hideDiv函數(shù)， 其中showId 表示彈出層的divId， backId 表示遮罩層的divId先關(guān)閉彈出層，后關(guān)閉遮罩層5點擊按鈕后，彈出，要給按鈕加上onclick函數(shù)，ltbutton onclick=quotpopDiv#39form。

11、在編寫的JavaScript中定義兩個函數(shù)一個是放大圖片和字體，一個是縮小圖片和字體，然后在圖片和字體的代碼中用onMouseOver事件調(diào)用第一個方法用onMouseOver調(diào)用第二個方法。

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

13、需要準備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標簽中，輸入html代碼其中iconpng是放大鏡圖標ltdiv ltinput type=quottext。

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

15、你可以使用layerjs，layerphotos這個是網(wǎng)址，有最新版本，你可以使用最新版本的 效果大概如下。