效果图:
无
GIF太难了
Html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="mainplus.css">
</head>
<body>
<div class="outline">
<a href="#" class="uptohead">
返回<br/>顶部
</a>
<div class="header">
<div class="headerword">单词导航 Word List</div>
<div class="headerleft hidden">
</div>
</div>
<ul class="navigation clearfix">
<li>
<a href="#word-a">a</a>
</li>
<li>
<a href="#word-b">b</a>
</li>
<li>
<a href="#word-c">c</a>
</li>
<li>
<a href="#word-d">d</a>
</li>
<li>
<a href="#word-e">e</a>
</li>
<li>
<a href="#word-f">f</a>
</li>
<li>
<a href="#word-g">g</a>
</li>
<li>
<a href="#word-h">h</a>
</li>
<li>
<a href="#word-i">i</a>
</li>
<li>
<a href="#word-j">j</a>
</li>
<li>
<a href="#word-k">k</a>
</li>
<li>
<a href="#word-l">l</a>
</li>
<li>
<a href="#word-m">m</a>
</li>
<li>
<a href="#word-n">n</a>
</li><br/>
<li>
<a href="#word-o">o</a>
</li>
<li>
<a href="#word-p">p</a>
</li>
<li>
<a