1新建html文檔2在head里插入鏈接和圖片樣式，表示鼠標經(jīng)過時圖片放大，代碼如下ltstyle type=quottextcssquot a #bigwidth800pxheight480px a #bighover width1200pxheight720px ltstyle 3在body里插入lta href=quot#quotltimg id=quotbigquot src=quotimagesdonejpgquot lta；lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitleCSS3鼠標滑過圖片放大特效DEMO演示lttitle ltstyle htmlfontfamilysansserifmstextsizeadjust100%webkittextsizeadjust100%bodymargin0article，aside，details，figcaption，figure，footer；把圖片作為連接lta href=quotquotltimg src=quotquotlta ， css樣式里寫 ahoverbackgroundimageurlimagesppjpg要是想兩張圖片相差很明顯，這個圖片所在的div要跟最大圖片尺寸相當，要不鼠標移上去變大圖會把你的其他div或表格撐開的；把lta去掉，width 和height 是圖片的原始大小，不是放大后的，放大是由ifilt20setTimeout#39max#39，100這里控制的，你把20改為其他數(shù)字看看效果，比如100lthtml lthead ltmeta。

點擊菜單“編輯”“首選頂”“常規(guī)“在中間的選項中，勾選 ”用滾輪縮放”；1新建html文檔，在body標簽中添加圖片標簽，為這個標簽設(shè)置“id”屬性，然后設(shè)置圖片的默認顯示大小css屬性2添加“onmouseover”js事件，首先使用“documentgetElementById”獲取到圖片標簽，然后定義鼠標移動到圖片上時發(fā)生的事件，這時圖片將會放大3添加“onmouseout”js事件，首先獲取圖片標簽，然后；當鼠標懸停在特定區(qū)域時，增加canvas的縮放比例，以放大該區(qū)域同時，為了確保放大后的圖像清晰，可以預(yù)先將圖片進行高質(zhì)量的放大處理，并將處理后的圖片存儲在服務(wù)器上當需要放大時，直接從服務(wù)器獲取高質(zhì)量的圖片進行繪制此外，還可以通過改變canvas的width和height屬性，調(diào)整繪制區(qū)域的大小，從而達到放。

lttitle鼠標經(jīng)過圖片放大效果代碼lttitle ltstyle padding0 margin0 html overflowmozscrollbarsvertical body font12px22px quot宋體quot wordbreakbreakall textalignleft background#C0C0C0 color#4E4E4E ul，li liststyle a color#333；如果你是要當鼠標懸浮時圖片放大，你可以hover里面添加width和height屬性，使圖片變大~；分別寫一個onmouseover和onmouseout事件然后在事件里面加一個function，分別寫想要放大的尺寸和縮小或復(fù)原的尺寸具體代碼實現(xiàn)如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的圖片路徑quot style=quotwidth100pxheight100pxquot ltscript type=quottextjavascriptquot var。

用CSS ，試試這段代碼，這里僅僅是放大，至于滾動你加工一下就OK了ltstyle ul#hovershow li float leftwidth75pxheight48pxmargin 0px ul#hovershow li a img border0px #666 solidwidth100%height100% ul#hovershow li ahover position absolutezindex0margi；ppt中鼠標移動到某圖片，該圖片放大的效果如何實現(xiàn)單擊圖片就放大的做法打開自定義動畫面板點擊圖片添加效果強調(diào)放大打開計時面板觸發(fā)器單擊下列動畫啟動效果選擇圖片名稱移動到圖片鼠標懸浮就放大的做法1如果有四張圖片，需要設(shè)置5頁PPT，首先新設(shè)置5頁空白的ppt；1可以將圖片放大的容器或元素設(shè)置為fixed，這樣就可以當鼠標懸停時，容器將會覆蓋在其他圖片上方2將圖片放大的容器設(shè)置為可以移動，這樣可以讓容器隨著鼠標移動而移動，從而將其他圖片擋住的情況防止3給圖片放大容器添加zindex，使其在其他頁面元素之上，從而可以覆蓋其他圖片4使用css設(shè)置一個；使用mousemove方法移動鼠標時移動預(yù)覽 最后，當鼠標在圖片上移動時，應(yīng)該使用mousemove方法將圖片預(yù)覽也進行移動quotapreviewquotmousemovefunctione quot#previewquotcssquottopquot，epageY xOffset + quotpxquotcssquotleftquot，epageX + yOffset + quotpxquotjQuery實現(xiàn)圖片預(yù)覽的完整；假設(shè)圖片外層DIV的class為pic，圖片的大小是400*300，html代碼可以寫成下面這樣ltdiv class=quotpicquot ltimg src=quotabcjpgquot width=quot400quot height=quot300quot ltdiv 如果希望鼠標經(jīng)過時圖片的尺寸變成600*450，那么在css里面只要這樣定義就行了pic imghoverwidth600pxheight450px 這個代碼在。