lt！DOCTYPE htmlltheadltscriptwindowonload = function var img = documentgetElementByIdquotimgTestquot if documentaddEventListener imgaddEventListenerquotmouseoverquot，doMouseover，false img。

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

preview開始是不可見的，css為圖片指定了位置，fadeIn最終顯示預(yù)覽圖片當(dāng)光標(biāo)離開圖片時，將添加的預(yù)覽圖片使用remove方法移除使用mousemove方法移動鼠標(biāo)時移動預(yù)覽 最后，當(dāng)鼠標(biāo)在圖片上移動時，應(yīng)該使用。

最后把圖片綁定到a標(biāo)記就可以了lta href=quotlt%#DataBinderEvalContainerDataItem，quotimageBigUrlquot %quot class=quottooltipquot 大圖片提示 ltaspImageButton ID=quotimage1quot runat=quotserverquot ImageUrl=#39lt%#DataBinderEval。

如果是在網(wǎng)上的，那就很簡單，簡單叫做“鼠標(biāo)更換圖片”就是鼠標(biāo)放上去就會更換圖片，把鼠標(biāo)移上去的圖片做的比原來的大就好了。

#82039打開改變屬性的對話框，選擇元素類型為img，ID為剛才設(shè)置的im1，屬性選擇輸入，填寫width，這是圖片的寬度屬性，新的值設(shè)置為300 #820310將觸發(fā)行為修改為onmouseover，也就是鼠標(biāo)放到圖片上面的時候。

您可以使用鼠標(biāo)來放大圖片具體方法如下1 在圖片上右擊鼠標(biāo)，彈出快捷菜單2 在快捷菜單中選擇“放大”，或者在“查看”菜單中選擇“放大”3 如果需要縮小圖片，同樣可以在快捷菜單或查看菜單中選擇“縮小”選項。

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

修改他的寬和高！圖片對象width500圖片對象height500。

3更改為屬性后，將圖片設(shè)置為動畫形式，放大15倍4在設(shè)置中找到動畫時間，將動畫時間設(shè)置為3秒HTMLhover怎么讓鼠標(biāo)移上去圖片變大可以用js事件“onmouseover”和“onmouseout”來實現(xiàn)1新建html文檔，在body標(biāo)簽。

給圖片的容器設(shè)定高度寬度，在設(shè)置一個鼠標(biāo)經(jīng)過效果，divhover img，設(shè)置這里的圖片寬度高度。

代碼有bug，修改后如下需要注意，拷貝下面這段代碼，保存為 html后綴名的文件需要自己在相同的目錄下，放置兩張圖片，小圖片jpg 大圖片jpg 效果如下圖當(dāng)鼠標(biāo)懸停在小圖片上面的時候，會顯示大圖片鼠標(biāo)移出，隱。

用js，先是一個小圖片縮略圖，onMouseOver時觸發(fā)js寫的Function，當(dāng)然Function中是處理方法這只是簡單思路，至于怎么寫網(wǎng)上有很多類似的代碼可以供你copy了，自己找找。