效果 (源碼網盤位址在最後)
源碼
index.html
<html >
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- Font online-->
<link
href="https://fonts.googleapis.com/css?family=Open+Sans" target="_blank" rel="external nofollow"
rel="stylesheet"
/>
<!-- Animate.css-->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" target="_blank" rel="external nofollow"
/>
<link rel="stylesheet" href="./style.css" target="_blank" rel="external nofollow" />
<!-- Google JQuery CDN -->
<