jquery寫(xiě)的兩種放大鏡效果，沒(méi)有使用到插件。調(diào)理和思路清晰。不是使用面向?qū)ο蠓绞綄?xiě)的，初學(xué)者較容易看懂。廢話不多說(shuō)，看代碼。圖片這里就不上傳了，大家自己找下。最好是找到比例的，這樣效果比較好。
創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比臨猗網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式臨猗網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋臨猗地區(qū)。費(fèi)用合理售后完善，十年實(shí)體公司更值得信賴。
css代碼
重慶分公司
重慶分公司
*{padding: 0; margin: 0;}
#father .small{width: 50px; height: 50px; border: 2px solid #ccc; bottom: 0; position: absolute;}
#father .second{left: 70px;}
.third{left: 140px;}
#father{position: relative; top: 100px; left: 50px; height: 460px;}
#container{position: absolute; width: 400px; height: 400px;}
#container img{position: absolute; display: none;}
.shade{width: 200px; height: 200px; position: absolute; background: #000; opacity: 0.4; top: 0;
left: 0; display: none;}
.big{width: 400px; height: 400px; position: absolute; top: 100px; overflow: hidden; left: 500px; display: none;}
.big img{width: 800px; height: 800px; position: absolute; display: none;} js代碼
