console 命令行工具 X clear

console

//动态背景
window.onload = () => {
  
  
  Particles.init({
    selector: '.DT',
    maxParticles: 80,     
    sizeVariations: 6,       
    connectParticles: true,  
    speed: .8,               
    color: '#ED1C24',        
    minDistance: 150,       
  })
  
}
//动态背景 结束

<!--作业06戴玮-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/bootstrap.css">
    <title>个人网站</title>
</head>

<body>
<div class="H">博客网站</div>
<nav>
    <ul>
        <li><a href="http://jsrun.net/9UvKp">相册</a></li>
        <li><a href="http://jsrun.net/AavKp">收藏</a></li>
        <li><a href="https://www.bilibili.com/">视频</a></li>
        <li><a href="https://www.sznews.com/">新闻</a></li>
    </ul>
</nav>
 <body>
     <!--动态壁纸设置 开始-->
     
     <script src="https://lib.baomitu.com/particlesjs/2.2.3/particles.min.js"></script>
  <div class="DT-Z" oncontextmenu="javascript:return false;">
   <canvas class="DT"></canvas>
     
     <!--动态壁纸设置 结束-->
  </div>
  <!--网页内播放器开始-->
  <div class="BFQDD">

  <!--原播放器  已废弃-->
  <!-- <div class="BFQTS">Beyond Memory(orightcore mix)</div>
  <audio autoplay="controls" controls="controls"loop="loop" preloda="auto" src="" ></audio> -->
  <!--原播放器  已废弃-->


  <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=547120407&auto=1&height=66"></iframe>
  <div class="BFQTS">若无法播放音乐则您的浏览器版本过低，无法支持该项目，请更新或重新下载浏览器并重试，若无法解决请联系，谢谢。</div>
  </div>
  <!--网页内播放器结束-->
  <div>
      <script language="javascript">
       alert("网站的音乐链接是会失效的，所以如果没有音乐可能是网站的变更，与本身代码没有关系/20206/29更新重要!!!!!/应本身音乐问题已更换为网易云来实现，本身打算使用原本的代码设计但大部分的音乐网站的音乐链接会时时变动，无法保证音乐的正常播放，于是更换更为稳定的方式实现")
      </script>
  </div>  
<!-- 我的相册网站已完成大部分，我的视频已完成超链接，其余功能在后面完善 -->
 </body>

</html>

body {
    background:#333 ;
    color:aaa;
    text-align:center;
    background-color: #333;
}
.H{
 	color: #FFFFFF;
    font-size: 50px;
}
.LBT{
   widows: 800px;
    height: 800px;
    margin: auto;
}

/*条行导航栏的设置 开始*/
nav{
    list-style-type:none;
    margin:0px auto;
    width:900px;
    background-color:#303;
    clear:both;
    }
nav ul{
    list-style:none;
    margin-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    width:900px;
    }
nav ul li{
    text-align:center;
    float:left;
    padding-left:60px;
    padding-top:10px;
    padding-bottom:0px;
    width:200px;
    }


nav ul li a{
    display:block;
    background-color:#37210c;
    border-right:1px solid #333;
    line-height:2.5em;
    margin-right:0px;
    padding:8px 14px 8px 14px;
    color: #ecf9ff;
    font-weight:normal;
    font-size: 0.8em;
    text-decoration: none;
    }

nav li a:hover{
    color: #000;
    background-color:#ecf9ff;
    }

aside  li a:hover{
    color: #37210c;
    background-color:#f7f7f2;
    }
/*条行导航栏的设置 结束*/

/*CSS动态壁纸设置 开始*/
DT-Z{
    width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background: #717de9;
  animation: radxp 30.2s linear infinite alternate;
}
@keyframes radxp {
  100% {
    background: #0a91d4;
  }CSS
}
/*CSS动态壁纸设置 结束*/

/*音乐播放器提示设置 开始*/
.BFQDD{
    text-align:center;
}

.BFQTS{
    color: #e67e1f
}
/*音乐播放器提示设置 结束*/

SOURCE

本项目引用的自定义外部资源