分別寫一個(gè)onmouseover和onmouseout事件然后在事件里面加一個(gè)function，分別寫想要放大的尺寸和縮小或復(fù)原的尺寸具體代碼實(shí)現(xiàn)如下 var img = documentgetElementById#39img#39function bigger = #39。

1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的標(biāo)簽中，輸入css代碼div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3瀏覽器運(yùn)行index。

1首先打開電腦之后，如下圖所示，新建一個(gè)“cs”文件夾，在文件夾中存儲(chǔ)一張圖片用來做演示2接著打開visual studio code點(diǎn)擊“文件”“打開文件夾”，選中上一步建立好的“cs”文件夾3然后點(diǎn)擊“cs”右側(cè)的“。

Copy codesinglegamesarea img width 100% height auto 上面的代碼中，我們將圖片的寬度設(shè)置為 100%，這樣圖片就會(huì)占滿整個(gè)父元素的寬度同時(shí)，我們將圖片的高度設(shè)置為 auto，這樣圖片的高度就會(huì)根據(jù)寬度。

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

注意one的前面必須嫁個(gè)點(diǎn)摁F12鍵，跳轉(zhuǎn)到網(wǎng)頁看效果4第四步回到Dreamweaver軟件界面，在body標(biāo)簽前面適當(dāng)位置輸入代碼ppt中鼠標(biāo)移動(dòng)到某圖片，該圖片放大的效果如何實(shí)現(xiàn)單擊圖片就放大的做法打開自定義動(dòng)畫面板。

1新建html文檔2在head里插入鏈接和圖片樣式，表示鼠標(biāo)經(jīng)過時(shí)圖片放大，代碼如下 a #bigwidth800pxheight480px a #bighover width1200pxheight720px 3在body里插入，表示設(shè)置一個(gè)有鏈接的圖片。

打開第三方瀏覽器在瀏覽器的頁面中，選擇“查看”在查看中選擇放大或縮小功能，同樣也可使用快捷鍵來放大縮小網(wǎng)頁，使用放大“Ctrl+”，使用縮小“Ctrl”還可以使用瀏覽器右下方的快捷按鍵，來調(diào)整網(wǎng)頁的大小或者使用。

這個(gè)是隨鼠標(biāo)移動(dòng)查看放大圖片響應(yīng)的是onmousemove事件 你可以改下 第二種方法可自定義CSS樣式，控制jQuery插件jQuery Image Flyout提示小圖片顯示效果代碼 一，包含文件 二，HTML部分DIV層內(nèi)所用圖片鏈接jQuery插件。

HTML實(shí)現(xiàn)網(wǎng)頁上圖片放大功能代碼 就像新浪微博圖片放大一樣的那種，點(diǎn)一下放大再點(diǎn)一下就變成原來的狀態(tài) 有代碼的各位大大們，發(fā)到我郵箱xudongxu827@163com越簡(jiǎn)單越好，只需要圖片放大和文字布局改變就好，不需要?jiǎng)e的效果謝謝。

可以通過cover和contain來對(duì)圖片進(jìn)行伸縮語法backgroundsizeauto* 默認(rèn)值，不改變背景圖片的高度和寬度 * backgroundsize100px 50px* 第一個(gè)值為寬，第二個(gè)值為高，當(dāng)設(shè)置一個(gè)值時(shí)，將其作為圖片寬度來。

第一使用方法1調(diào)用lanrenzhijiacss樣式 2將你需要放大的圖片，按照?qǐng)D中代碼的格式書寫 3調(diào)用三個(gè)js，并指定你需要放大的圖片a標(biāo)簽的id即可 第二使用方法。

上面的整這么多代碼，看著就頭痛直接在代碼里寫 圖片多的話先定義一個(gè)樣式在head下面寫#picmaxwidth100pxmaxheight100px 圖片上加個(gè)id=quotpicquot就行了，比如 不懂的話找我吧，細(xì)說。

例 function ShowDivpic divPicinnerHTML=quotquot=quotblockquot還可以讓div跟著圖片所在的當(dāng)前窗體位置居中，代碼略 function HideDiv =quotquot 這樣就可以了。

你可以這樣 簡(jiǎn)單代碼Label lb = new LabellbSize = new Size1000，400Image img = ImageFromFile@quot1jpgquotlbPaint += delegateobject o， PaintEventArgs ea img， Rectangle。

2 給上面的div加上鼠標(biāo)經(jīng)過事件，代碼 3 處理鼠標(biāo)經(jīng)過事件，首先定位鼠標(biāo)經(jīng)過圖片點(diǎn)的坐標(biāo)，以此點(diǎn)為中心，要放大多少范圍之內(nèi)的圖片，放大幾倍，這個(gè)自行定義4 把放大的圖片顯示到之前定義的空div中。