核心提示:编程开发教程之放大镜实现方法。*{margin: 0;padding: 0;}#box1{/margin:100px;/width: 400px;height: 400px;position: rel...
编程开发教程之放大镜实现方法。
*{
margin: 0;
padding: 0;
}
#box1{
/margin:100px;/
width: 400px;
height: 400px;
position: relative;
}
#box1 img{
width: 400px;
height: 400px;
}
#box2{
width: 400px;
height: 400px;
position: absolute;
top: 0;
left: 410px;
overflow: hidden;
border: 1px solid gray;
display: none;
}
#fdj{
position: absolute;
top: 0;
left: 0;
background: rgba(255,255,255,.4);
border: 1px solid gray;
cursor: move;
display: none;
}