在網(wǎng)頁(yè)上我們經(jīng)?？吹绞髽?biāo)懸停在一個(gè)圖片上，這張圖片會(huì)慢慢的放大，感覺(jué)是像放大鏡放大的效果，當(dāng)鼠標(biāo)移開(kāi)的時(shí)候，圖片有恢復(fù)原來(lái)的樣子，今天就實(shí)現(xiàn)這種效果。

創(chuàng)新互聯(lián)公司客戶idc服務(wù)中心，提供西部信息中心、成都服務(wù)器、成都主機(jī)托管、成都雙線服務(wù)器等業(yè)務(wù)的一站式服務(wù)。通過(guò)各地的服務(wù)中心，我們向成都用戶提供優(yōu)質(zhì)廉價(jià)的產(chǎn)品以及開(kāi)放、透明、穩(wěn)定、高性價(jià)比的服務(wù)，資深網(wǎng)絡(luò)工程師在機(jī)房提供7*24小時(shí)標(biāo)準(zhǔn)級(jí)技術(shù)保障。

實(shí)現(xiàn)原理以思路：

1，首先這是一張圖片在懸停時(shí)放大也就是改變大?。▽?，高）實(shí)現(xiàn)的。

2，一張圖片在放大的時(shí)候會(huì)根據(jù)其定位（如在div里面的圖片會(huì)以div的左上角為基準(zhǔn)擴(kuò)大寬和高）來(lái)放大的，因此如果我們不去為圖片添加相對(duì)定位并且不去調(diào)節(jié)擴(kuò)大后的位置，他的放大會(huì)是向一邊的，因此我們必須考慮其放大后的位置。

3，放大的效果是要用動(dòng)畫(huà)實(shí)現(xiàn)的。

代碼：