1、lt！DOCTYPE html margin 0padding 0 hbody marginleft 25% show marginleft 160pxwidth 200pxheight 200pxborder 1px solid #EEEEEE show img width 200pxheight 2；這里介紹兩種方式一通過css樣式中的 quothoverquot實(shí)現(xiàn)，代碼如下 lt！DOCTYPE htmlDocumentdivbackgroundredwidth200pxheight200pxdivhoverbackgroundredwidth500pxheight500px變大二通過javascript方式實(shí)；分別寫一個(gè)onmouseover和onmouseout事件然后在事件里面加一個(gè)function，分別寫想要放大的尺寸和縮小或復(fù)原的尺寸具體代碼實(shí)現(xiàn)如下 var img = documentgetElementById#39img#39function bigger = #39；1 把圖片放到一個(gè)div中，代碼，然后再寫一個(gè)空的div用于放大圖片的浮動(dòng)顯示2 給上面的div加上鼠標(biāo)經(jīng)過事件，代碼 3 處理鼠標(biāo)經(jīng)過事件，首先定位鼠標(biāo)經(jīng)過圖片點(diǎn)的坐標(biāo)，以此點(diǎn)為中心，要放大多少范圍之內(nèi)的圖片，放大。

2、分?jǐn)?shù)太少，我只能講一下思路 如果你有用jquery，可以 #39img#39live#39mouseover#39，function thiscss#39width#39，150thiscss#39height#39，150#39img#39live#39mouseout#39，function thiscss#39；2利用js制作，jquery #39a img#39hoverfunction thiscss height120px，width120px hover時(shí)增大 ，function thiscss height100px，width100px 離開時(shí)減??；1新建html文檔2在head里插入鏈接和圖片樣式，表示鼠標(biāo)經(jīng)過時(shí)圖片放大，代碼如下 a #bigwidth800pxheight480px a #bighover width1200pxheight720px 3在body里插入，表示設(shè)置一個(gè)有鏈接的圖片；注意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)畫面板。

3、JS實(shí)現(xiàn)鼠標(biāo)移動(dòng)到縮略圖顯示大圖的圖片放大效果可以用js事件“onmouseover”和“onmouseout”來實(shí)現(xiàn)1新建html文檔，在body標(biāo)簽中添加圖片標(biāo)簽，為這個(gè)標(biāo)簽設(shè)置“id”屬性，然后設(shè)置圖片的默認(rèn)顯示大小css屬性2添加“onmou。

4、=400quotonmouseout=quot=200=150quot 定義了height=quot200pxquot width=quot150quot 圖片大小，鼠標(biāo)移上去大小變?yōu)?00，400px，鼠標(biāo)移開變成200，150大?。籷uot 樓上的有這功能，但要點(diǎn)擊鼠標(biāo)！我們這個(gè)達(dá)到你的要求由于時(shí)間關(guān)系，我這里給你做了單張的效果，多張的你可參照該方法，復(fù)制幾個(gè)就可以了有問題的話發(fā)消息給我。

5、documentgetElementById#39bimg#39innerHTML=#39#39在id為bimg的div中顯示圖片 lt！最新圖文代碼結(jié)束 參考資料；下載一下jquery插件，然后新建一個(gè)ToolTipjs文件，在該文件下寫入以下代碼function var x = 10var y = 10quotatooltipquotmouseoverfunctione thismyTitle = thistitlethistitle = quotquotvar；用js，先是一個(gè)小圖片縮略圖，onMouseOver時(shí)觸發(fā)js寫的Function，當(dāng)然Function中是處理方法這只是簡單思路，至于怎么寫網(wǎng)上有很多類似的代碼可以供你copy了，自己找找。

6、然后給img綁定mousemove事件，在事件內(nèi)寫下如下實(shí)現(xiàn)的代碼 首先計(jì)算出鼠標(biāo)在這個(gè)img標(biāo)簽上的相對坐標(biāo)，如果是在img的最左上邊坐標(biāo)則為0，0 然后吧這個(gè)DIV內(nèi)部的小DIV固定為100*100大小，然后再就是計(jì)算它的比例然后再把。