js实现放大镜

放大镜

*{
margin:0;
padding: 0;
}
#main{
width: 300px;
height: 300px;
margin:100px 0 0 50px;
position: relative;
}
#max{
width: 300px;
height: 300px;
overflow: hidden;
border:1px solid red;
position:absolute;
left:350px;
top:100px;
display: none;
}
#max img{
width: 600px;
height: 600px;
position: absolute;
top:0;
left:0;
}
#mark{
background-color: rgba(0,0,0,.5);
width: 150px;
height: 150px;
position: absolute;
left:0;
top:0;
display: none;
}