依然不必多说,来康康代码,因为注释我已经尽量详细了,就不过多赘述~
先展示HTML结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>趣味相册</title>
<link rel="stylesheet" href="css/js-xc.css">
</head>
<body>
<div class="fa">
<div id="xc">
<img src="image/01.jpeg" id="jpg-01" alt="" title="白鹿">
<img src="image/02.jpeg" id="jpg-02" alt="" title="白鹿">
<img src="image/03.jpeg" id="jpg-03" alt="" title="白鹿">
<img src="image/04.jpeg" id="jpg-04" alt="" title="白鹿">
<img