JavaScript实例之相册功能中单图放大展示
源码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.big{
width: 415px;
height: 400px;
}
.small>img{
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div>
<img src="img/1.png" alt="" class="big">
</div>
<div class="small">
<img src="img/1.png" alt="">
<img src="img/2.png" alt="">
<img src="img/3.png" alt="">
<img src="img/4.png" alt="">
</div>
<script>
// 逻辑:本质上,把小图的src