类似Tb之类网站的结构布局和功能是我们学习Web很好的一些例子,其中商品图片放大镜很有意思,今天就来分享一下放大镜的源码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>supremekin</title>
<style>
* {
margin: 0;
padding: 0;
}
#left {
width: 200px;
height: 200px;
background: url("200x200.jpg");
margin: 10px 0 0 10px;
position: relative;
}
#left p {
width: 100px;
height: 100px;
background: rgba(0, 0, 255, 0.3);
display