cartoon.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">

    <!-- 调用css库  -->
    <link href="Styles/main.css" rel="stylesheet">
    <link href="Styles/cursor.css" rel="stylesheet">
    <link href="Styles/cartoon.css" rel="stylesheet">

    <!-- 调用js -->
    <script src="Scripts/back-to-top.js" defer></script>
    <script src="Scripts/animate.js" defer></script>

    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
    <!-- 网站小图标，href链接本地图片地址 -->
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
    <title>Meow~~</title>
</head>

<body>
    <div id="container">
        <!-- 页眉内容 -->
        <header id="top">
            <div class="head-title">
                <p>魔猫的WebSite</p>
            </div>
            <div class="top-button" onclick="location.href='main.html';">
                <p>Home</p>
            </div>
            <div class="top-button">
                <p>Passage</p>
            </div>
            <div class="top-button" onclick="location.href='link.html';">
                <p>Link</p>
            </div>
            <div class="top-button">
                <p>Search</p>
            </div>
        </header>

        <!-- 主体 -->
        <p><button onclick="myMove()">单击我</button></p>
        <div id="animate-box">
            <div id="animate"></div>
        </div>

        <!-- 页脚内容 -->

        <div class="foot">
            <div class="content">
                <a href="https://beian.miit.gov.cn/" title="工业和信息化部政务服务平台">苏ICP备2022042352号-1</a>
            </div>
            <div class="push"><!-- not put anything here --></div>
        </div>
    </div>
</body>

</html>