今天添加了影视集合版块，修改了一些小小的地方~
—— 2023-3-23 11:48
今天删除了github多余项目,终于知道如何跳转页面。 <a href=“./里世界.html”>里世界</a>
删除单独的里世界 (https://yftdtddh.github.io/lun/)，并入资源汇总 (https://yftdtddh.github.io/muxiz ... B8%96%E7%95%8C.html) 手动给几近所有的a标签加上 target="_blank" 跳转打开新窗口。
—— 2023-3-27 11:17
今天优化了排版。
主要是去除了标题标签，因为标题标签默认会与正文空格，这样会不怎么好看。
所以用 <span> 标签了，大分类标题用18px，小分类则15px.
以下是CSS部分，这样只能用元素选择器了，几乎所有的 <span> 标签都是做标题用的。
span {
border-bottom: solid 1px black;
margin-top: 1em;
}
—— 2023-4-10 12:06
今天启用了@winteru提供的背景图片代码。
如下
body {
background-image: url("https://www.dmoe.cc/random.php");
background-size: cover;
background-attachment: fixed;
}
#mySidenav {
background-color: #f1f1f1ee;
padding: 1em;
border-radius: 4px;
}
说明:
將以一個隨機圖片(dmoe.cc提供)作背景，同時添加一個透明的背板。
——2023-4-30 09:58
弹窗修复成功，还要感谢github@winteru
彈窗不能正確顯示的原因：
<body> 中的onload函數和window.onload實際上是一個函數，在 <body> 指定onload後，又在第38行中再次設置了onload，導致原來有的onload被裝蓋，無法觸發showPopup函數。
解決方法：
將window.onload換為window.addEventListener('load', f)，addEventListener不會掩蓋已經有的onload，而是會在原有基礎上添加。
若干HTML標籤沒有關閉的問題:
一些html標籤沒有正確關閉
建議將HTML代碼進行一下對齊，便於發現此類問題.可以用pret層級自動對齊代碼。
body元素在div裡面的問題:
按HTML的要求，body應該直接屬於html，不應該包含在其他元素裡面。
——2023-5-14 02:55
今天使用 <base> 标签代替了很多不必要的
target="_blank" 节省代码。
锚点链接需要手动加上 target="_self" ，不然会开新窗口再跳转至锚点位置。
——2023-8-29 13:57
今天给li标签添加了相对定位，li里面的a添加了绝对定位。
li {
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0px 0px 10px #cccccc;
margin: 20px;
padding: 20px;
text-align: center;
width: 300px;
cursor: pointer;
animation: fadeIn 1s ease-in-out;
position: relative;
}
li a {
font-family: 'Minecraft-Regular';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
li:hover {
transform: scale(1.05);
}
li a:hover {
display: none;
}
li a:active {
display: none;
}
效果就是，点击li就能触发a。
虽然这样直接修改a好像也能做到……
——2023-10-14 14:05
今天搞了个404页，原来githubpage定义404页只需创建文件。
---
permalink: /404.html
---
<html>
<head></head>
<body>
对不起,目前无法访问你的连接,你可以访问主页<a href="https://yftdtddh.github.io/muxizyhz/">https://yftdtddh.github.io/muxizyhz/</a>
</body>
</html>
——2023-11-11 17:29
今天更新了二级导航，我看教程视频上基本需要使用定位来完成，我用了个简单的办法，以下是代码：
//html部分
<div class="navbar">
<ul class="navlist">
<li class="nav-link">
<a href="#anime" target="_self">动画</a>
<ul class="droplist">
<li>
<a href="#anime-legal" target="_self">正版</a>
<a href="#anime-apps" target="_self">软件</a>
</li>
</ul>
</li>
//css部分
.nav-link {
float: left;
width: 100px;
line-height: 40px;
padding-left: 50px;
text-align: center;
}
.navlist a {
color: rgba(1, 0, 0, 0.956);
font-size: 20px;
font-family: 'Default',
'Microsoft YaHei',
'tahoma',
'arial';
line-height: 20px;
display: block;
animation: none;
}
.nav-link:hover {
background-color: #fff;
}
.navbar a {
padding: 15px;
}
.navbar a:visited {
display: none;
}
.navbar a:hover {
background: none;
border-radius: none;
color: rgb(90, 92, 6);
}
.navbar ul {
display: block;
flex-wrap: none;
justify-content: none;
list-style: none;
margin: 0;
padding: 0;
text-transform: none;
}
.navbar li {
list-style: none;
float: left;
background-color: inherit;
border-radius: 0px;
box-shadow: none;
margin: 0;
padding: 0;
text-align: inherit;
width: inherit;
animation: none;
cursor: pointer;
}
.navbar ul li:hover {
transform: none;
font-weight: inherit;
}
.droplist a {
display: none;
}
.nav-link:hover .droplist a {
display: block;
}
——2024.7.11