放大镜效果
<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin:0;padding:0;}
#little{320px;height:180px;border:3px solid #000;margin:100px 0 0 100px;position: relative;}
#little img{320px;height:180px;}
.square{90px;height:90px;background:yellow;opacity:0.3;position: absolute;top:0;left:0;display:none;}
#large{500px;height:500px;position: absolute;top:50px;left:600px;overflow: hidden;display:none}
#large img{position: relative;top:0;right:0;}
</style>
</head>
<body>
<div ;
}
</script>
</body>
</html>