bby
bby
This commit is contained in:
lqbby
7
css/bj.css
Normal file
7
css/bj.css
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
canvas{
|
||||||
|
position:fixed;/*<2A><><EFBFBD>ö<EFBFBD>λ*/
|
||||||
|
top:0;
|
||||||
|
left:0;
|
||||||
|
z-index:-1;/*ʹ<><CAB9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ͳ<EFBFBD>*/
|
||||||
|
background:#0e1729;/*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɫ*/
|
||||||
|
}
|
||||||
7
css/font.css
Normal file
7
css/font.css
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family:'EngraversOldEnglishBT-Bold';
|
||||||
|
src: url('//cdn.webfont.youziku.com/webfonts/nomal/123918/33195/5d21f88af629d8080c5960eb.gif?r=110901002758');
|
||||||
|
src: url('//cdn.webfont.youziku.com/webfonts/nomal/123918/33195/5d21f88af629d8080c5960eb.gif?r=110901002758?#iefix') format('embedded-opentype'), url('//cdn.webfont.youziku.com/webfonts/nomal/123918/33195/5d21f88af629d8080c5960eb.png?r=110901002758') format('woff2'), url('//cdn.webfont.youziku.com/webfonts/nomal/123918/33195/5d21f88af629d8080c5960eb.bmp?r=110901002758') format('woff');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
80
css/iconfont.css
Normal file
80
css/iconfont.css
Normal file
@@ -0,0 +1,80 @@
|
|||||||
|
@font-face {font-family: "iconfont";
|
||||||
|
src: url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.eot?t=1597068283360'); /* IE9 */
|
||||||
|
src: url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.eot?t=1597068283360#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||||
|
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
|
||||||
|
url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.woff?t=1597068283360') format('woff'),
|
||||||
|
url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.ttf?t=1597068283360') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
|
||||||
|
url('//at.alicdn.com/t/font_1923666_2o4ez0t5t64.svg?t=1597068283360#iconfont') format('svg'); /* iOS 4.1- */
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconfont {
|
||||||
|
font-family: "iconfont" !important;
|
||||||
|
font-size: 16px;
|
||||||
|
font-style: normal;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-angle-up:before {
|
||||||
|
content: "\e9b3";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-ngleup:before {
|
||||||
|
content: "\e624";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-list:before {
|
||||||
|
content: "\e647";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-bilibili1:before {
|
||||||
|
content: "\e609";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-bilibili:before {
|
||||||
|
content: "\e62a";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-github:before {
|
||||||
|
content: "\e62f";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-weixin1:before {
|
||||||
|
content: "\e608";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-email:before {
|
||||||
|
content: "\e6f5";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-qq:before {
|
||||||
|
content: "\e600";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-zhihu:before {
|
||||||
|
content: "\e606";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-music:before {
|
||||||
|
content: "\e6ba";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-Telegram:before {
|
||||||
|
content: "\e6bd";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-twitter:before {
|
||||||
|
content: "\e601";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-huaban88:before {
|
||||||
|
content: "\e607";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-cnblogs:before {
|
||||||
|
content: "\e603";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-u___fm__gp_:before {
|
||||||
|
content: "\e602";
|
||||||
|
}
|
||||||
65
css/sey.css
Normal file
65
css/sey.css
Normal file
@@ -0,0 +1,65 @@
|
|||||||
|
*
|
||||||
|
{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
a:hover
|
||||||
|
{
|
||||||
|
border-radius: 25px;
|
||||||
|
background: var(--clr);
|
||||||
|
color: var(--clr);
|
||||||
|
letter-spacing: 0.25em;
|
||||||
|
box-shadow: 0 0 35px var(--clr);
|
||||||
|
}
|
||||||
|
|
||||||
|
span
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
i
|
||||||
|
{
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
i::before
|
||||||
|
{
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: -3.5px;
|
||||||
|
left: 80%;
|
||||||
|
width: 10px;
|
||||||
|
height: 5px;
|
||||||
|
background: #27282c;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border: 2px solid var(--clr);
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
a:hover i::before
|
||||||
|
{
|
||||||
|
width: 20px;
|
||||||
|
left: 20%;
|
||||||
|
}
|
||||||
|
i::after
|
||||||
|
{
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -3.5px;
|
||||||
|
left: 20%;
|
||||||
|
width: 10px;
|
||||||
|
height: 5px;
|
||||||
|
background: #27282c;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border: 2px solid var(--clr);
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
a:hover i::after
|
||||||
|
{
|
||||||
|
width: 20px;
|
||||||
|
left: 80%;
|
||||||
|
}
|
||||||
10105
css/style.css
Normal file
10105
css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
BIN
images/510.webp
Normal file
BIN
images/510.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
BIN
images/apple-touch-icon.png
Normal file
BIN
images/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
BIN
images/kl.gif
Normal file
BIN
images/kl.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 816 KiB |
BIN
images/logo.png
Normal file
BIN
images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
BIN
images/weixin.png
Normal file
BIN
images/weixin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
images/xc.jpg
Normal file
BIN
images/xc.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
209
index.html
Normal file
209
index.html
Normal file
@@ -0,0 +1,209 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<!-- 基础信息 -->
|
||||||
|
<html lang="zh-cmn-Hans">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="renderer" content="webkit" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
|
<meta name="force-rendering" content="webkit" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="description" content="LQBBYの主页">
|
||||||
|
<meta name="keywords" content="LQBBY,个人主页">
|
||||||
|
<meta name="author" content="LQBBY">
|
||||||
|
<title>LQBBYの主页</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="./css/style.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="./css/iconfont.css">
|
||||||
|
<link rel="apple-touch-icon" href="./images/apple-touch-icon.png">
|
||||||
|
<link rel="icon" href="./favicon.ico">
|
||||||
|
<link rel="stylesheet" href="https://www.lqbby.com/bj/bj.css">
|
||||||
|
<!--引入SweetAlert
|
||||||
|
<script src="https://fastly.jsdelivr.net/npm/sweetalert@2.1.2/dist/sweetalert.min.js"></script>-->
|
||||||
|
<script src="https://fastly.jsdelivr.net/npm/sweetalert2@10.15.5/dist/sweetalert2.all.min.js"></script>
|
||||||
|
<!--引入izitoast-->
|
||||||
|
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/izitoast@1.4.0/dist/css/iziToast.min.css">
|
||||||
|
<script type="text/javascript" src="https://fastly.jsdelivr.net/npm/izitoast@1.4.0/dist/js/iziToast.min.js"></script>
|
||||||
|
<!--引入fontawesome-->
|
||||||
|
<link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/volantis-x/cdn-fontawesome-pro@master/css/all.min.css"
|
||||||
|
media="all">
|
||||||
|
<!--科技炫酷按钮-->
|
||||||
|
<link rel="stylesheet" type="text/css" href="./css/sey.css">
|
||||||
|
<!--LQ网站监控-->
|
||||||
|
<script async defer data-website-id="09610697-694f-4a0b-9ff2-38cada8b81b6" src="https://wz.lqbby.com/umami.js"></script>
|
||||||
|
<!--百度站长平台-->
|
||||||
|
<!--<script>
|
||||||
|
function(){
|
||||||
|
var bp = document.createElement('script');
|
||||||
|
var curProtocol = window.location.protocol.split(':')[0];
|
||||||
|
if (curProtocol === 'https'){
|
||||||
|
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
|
||||||
|
}
|
||||||
|
var s = document.getElementsByTagName("script")[0];
|
||||||
|
s.parentNode.insertBefore(bp, s);
|
||||||
|
})();
|
||||||
|
/script>-->
|
||||||
|
<!--IE淘汰计划-->
|
||||||
|
<script>if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href = "https://imsyy.top/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location.href);</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
|
||||||
|
<!--<span class="mobile btn-mobile-menu">
|
||||||
|
<i class="social iconfont icon-list btn-mobile-menu__icon"></i>
|
||||||
|
<i class="social iconfont icon-ngleup btn-mobile-close__icon hidden"></i>
|
||||||
|
</span>-->
|
||||||
|
<header id="panel" class="panel-cover" style="background: url(https://www.lqbby.com/upload/2022/06/0bee7ba5ac70155766648e14ae2a821f.webp;) center center / cover no-repeat rgb(102, 102, 102);">
|
||||||
|
<!--星空背景-->
|
||||||
|
<div id="stars"></div>
|
||||||
|
<div id="stars2"></div>
|
||||||
|
<div id="stars3"></div>
|
||||||
|
|
||||||
|
<div class="panel-main">
|
||||||
|
<div class="panel-main__inner panel-inverted">
|
||||||
|
<div class="panel-main__content">
|
||||||
|
<div class="ih-item circle effect right_to_left">
|
||||||
|
<a class="blog-button">
|
||||||
|
<div class="img"><img src="https://q1.qlogo.cn/g?b=qq&nk=1151581339&s=100" alt="img" class="js-avatar iUp profilepic">
|
||||||
|
</div>
|
||||||
|
<div class="info iUp">
|
||||||
|
<div class="info-back">
|
||||||
|
<img alt="img" src="./images/kl.gif" class="js-avatar profilepic">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<h1 class="panel-cover__title panel-title iUp">
|
||||||
|
<br />LQBBY
|
||||||
|
</h1>
|
||||||
|
<p class="panel-cover__subtitle panel-subtitle iUp">be your true self</p>
|
||||||
|
<canvas class="navigation-wrapper iUp" id="canvas" style="width:50%;padding-top:25px;" width="920" height="350"></canvas>
|
||||||
|
<script src="https://www.lqbby.com/time/clock.js"></script>
|
||||||
|
<hr class="iUp" />
|
||||||
|
<!--一言无法显示时的文字-->
|
||||||
|
<p id="description" class="panel-cover__description iUp">每一个人都应该明确自己的方向和位置
|
||||||
|
<br />
|
||||||
|
<strong>-「LQBBY」</strong>
|
||||||
|
</p>
|
||||||
|
<div class="navigation-wrapper iUp">
|
||||||
|
<div>
|
||||||
|
<nav class="cover-navigation cover-navigation--primary">
|
||||||
|
<ul class="navigation">
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://www.lqbby.com/" style="--clr:#1e9bff"><span>博客</span><i></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://wp.lqbby.com/" style="--clr:#f85d5d"><span>网盘</span><i></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://llq.lqbby.com/" style="--clr:#ff1867"><span>导航</span><i></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://qd.lqbby.com/" style="--clr:#ebe417"><span>签到</span><i></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://bz.lqbby.com/" style="--clr:#eb2feb"><span>壁纸</span><i></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://api.lqbby.com/" style="--clr:#28a745"><span>青龙api</span><i></i></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="iUp">
|
||||||
|
<nav class="cover-navigation navigation--social">
|
||||||
|
<ul class="navigation">
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://github.com/lqbby2/" title="Github" target="_blank">
|
||||||
|
<j class="iconfont icon-github"></j>
|
||||||
|
<span class="label">Github</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://t.me/lqbby" title="Telegram" target="_blank">
|
||||||
|
<j class="fab fa-telegram-plane"></j>
|
||||||
|
<span class="label">Telegram</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://www.lqbby.com/" title="Twitter" target="_blank">
|
||||||
|
<j class="fab fa-twitter"></j>
|
||||||
|
<span class="label">Twitter</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="https://wpa.qq.com/msgrd?v=3&uin=1151581339&site=qq&menu=yes" title="QQ"
|
||||||
|
target="_blank">
|
||||||
|
<j class="fab fa-qq"></j>
|
||||||
|
<span class="label">QQ</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a onClick="weixin()" title="微信" target="_blank">
|
||||||
|
<j class="fab fa-weixin"></j>
|
||||||
|
<script>
|
||||||
|
function weixin() {
|
||||||
|
Swal.fire({
|
||||||
|
title: "请扫码",
|
||||||
|
text: "请使用微信扫一扫",
|
||||||
|
confirmButtonText: "好的",
|
||||||
|
imageUrl: "./images/weixin.png",
|
||||||
|
imageWidth: 150,
|
||||||
|
imageHeight: 150
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="navigation__item">
|
||||||
|
<a href="mailto:1151581339@qq.com" title="Email">
|
||||||
|
<j class="fas fa-envelope"></j>
|
||||||
|
<span class="label">Email</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="panel-cover--overlay cover-slate"></div>
|
||||||
|
</div>
|
||||||
|
<div class="remark iUp">
|
||||||
|
<p class="power">Copyright © 2022
|
||||||
|
<script>document.write(' - ' + (new Date()).getFullYear())</script> LQBBY
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<!--izitoast弹窗设置-->
|
||||||
|
<script>
|
||||||
|
iziToast.settings({
|
||||||
|
timeout: 4000,//调试
|
||||||
|
icon: 'Fontawesome',
|
||||||
|
closeOnEscape: 'true',
|
||||||
|
position: 'topRight',
|
||||||
|
transitionOut: 'fadeOutRight',
|
||||||
|
displayMode: '2',
|
||||||
|
layout: '2',
|
||||||
|
transitionIn: 'bounceInLeft',
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<!--izitoast内容-->
|
||||||
|
<script>
|
||||||
|
function update() {
|
||||||
|
iziToast.info({
|
||||||
|
icon: 'fad fa-times-octagon',
|
||||||
|
backgroundColor: '#efefef',
|
||||||
|
title: '站点暂时关闭',
|
||||||
|
message: '只是出现了一点小问题 ~'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript" src="./js/jquery.min.js"></script>
|
||||||
|
<script type="text/javascript" src="./js/fetch.min.js"></script>
|
||||||
|
<script type="text/javascript" src="./js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
51
js/bj.js
Normal file
51
js/bj.js
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
var canvas;
|
||||||
|
var stars_count;
|
||||||
|
var stars;
|
||||||
|
ini();
|
||||||
|
makeStars();
|
||||||
|
var interval=setInterval(function(){drawStars();},50);//<2F><>ʱˢ<CAB1><CBA2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||||
|
|
||||||
|
function ini(){//<2F><>ʼ<EFBFBD><CABC>
|
||||||
|
canvas = document.getElementById("starfield");
|
||||||
|
canvas.width = window.innerWidth;
|
||||||
|
canvas.height = window.innerHeight;
|
||||||
|
context = canvas.getContext("2d");
|
||||||
|
stars = Array();//<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɵ<EFBFBD><C9B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݣ<EFBFBD>x,y,<2C><>С<EFBFBD><D0A1><EFBFBD><EFBFBD>ɫ<EFBFBD><C9AB><EFBFBD>ٶȣ<D9B6>
|
||||||
|
stars_count = 300;//<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||||
|
clearInterval(interval);
|
||||||
|
}
|
||||||
|
|
||||||
|
function makeStars(){//<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||||
|
for(var i=0;i<stars_count;i++)
|
||||||
|
{
|
||||||
|
let x=Math.random() * canvas.offsetWidth;
|
||||||
|
let y = Math.random() * canvas.offsetHeight;
|
||||||
|
let radius = Math.random()*0.8;
|
||||||
|
let color="rgba("+Math.random()*255+","+Math.random()*255+","+Math.random()*255+",0.8)";
|
||||||
|
let speed=Math.random()*0.5;
|
||||||
|
let arr={'x':x,'y':y,'radius':radius,'color':color,'speed':speed};//<2F><>x,y,<2C><>С<EFBFBD><D0A1><EFBFBD><EFBFBD>ɫ<EFBFBD><C9AB><EFBFBD>ٶȣ<D9B6>
|
||||||
|
stars.push(arr);//<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɵ<EFBFBD><C9B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݴ<EFBFBD><DDB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function drawStars(){//<2F><><EFBFBD><EFBFBD><EFBFBD>ǻ<EFBFBD><C7BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||||
|
context.fillStyle = "#0e1729";
|
||||||
|
context.fillRect(0,0,canvas.width,canvas.height);
|
||||||
|
for (var i = 0; i < stars.length; i++) {
|
||||||
|
var x = stars[i]['x'] - stars[i]['speed'];
|
||||||
|
if(x<-2*stars[i]['radius']) x=canvas.width;
|
||||||
|
stars[i]['x']=x;
|
||||||
|
var y = stars[i]['y'];
|
||||||
|
var radius = stars[i]['radius'];
|
||||||
|
context.beginPath();
|
||||||
|
context.arc(x, y, radius*2, 0, 2*Math.PI);
|
||||||
|
context.fillStyle = "rgba("+Math.random()*255+","+Math.random()*255+","+Math.random()*255+",0.8)";
|
||||||
|
context.fill();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.onresize = function(){//<2F><><EFBFBD>ڴ<EFBFBD>С<EFBFBD><D0A1><EFBFBD><EFBFBD><EFBFBD>仯ʱ<E4BBAF><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||||
|
ini();
|
||||||
|
makeStars();
|
||||||
|
interval=setInterval(function(){drawStars();},50);
|
||||||
|
}
|
||||||
1
js/fetch.min.js
vendored
Normal file
1
js/fetch.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
js/jquery.min.js
vendored
Normal file
2
js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
104
js/main.js
Normal file
104
js/main.js
Normal file
@@ -0,0 +1,104 @@
|
|||||||
|
var iUp = (function () {
|
||||||
|
var t = 0,
|
||||||
|
d = 150,
|
||||||
|
clean = function () {
|
||||||
|
t = 0;
|
||||||
|
},
|
||||||
|
up = function (e) {
|
||||||
|
setTimeout(function () {
|
||||||
|
$(e).addClass("up")
|
||||||
|
}, t);
|
||||||
|
t += d;
|
||||||
|
},
|
||||||
|
down = function (e) {
|
||||||
|
$(e).removeClass("up");
|
||||||
|
},
|
||||||
|
toggle = function (e) {
|
||||||
|
setTimeout(function () {
|
||||||
|
$(e).toggleClass("up")
|
||||||
|
}, t);
|
||||||
|
t += d;
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
clean: clean,
|
||||||
|
up: up,
|
||||||
|
down: down,
|
||||||
|
toggle: toggle
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
|
||||||
|
// 获取一言数据
|
||||||
|
fetch('https://v1.hitokoto.cn').then(function (res) {
|
||||||
|
return res.json();
|
||||||
|
}).then(function (e) {
|
||||||
|
$('#description').html(e.hitokoto + "<br/> -「<strong>" + e.from + "</strong>」")
|
||||||
|
}).catch(function (err) {
|
||||||
|
console.error(err);
|
||||||
|
})
|
||||||
|
// var url = 'https://query.yahooapis.com/v1/public/yql' +
|
||||||
|
// '?q=' + encodeURIComponent('select * from json where url=@url') +
|
||||||
|
// '&url=' + encodeURIComponent('https://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=8') +
|
||||||
|
// '&format=json&callback=?';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取Bing壁纸
|
||||||
|
* 原先 YQL 已经无法提供服务了
|
||||||
|
* 改用 JsonBird：https://bird.ioliu.cn/
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
var url = '';
|
||||||
|
var imgUrls = JSON.parse(sessionStorage.getItem("imgUrls"));
|
||||||
|
var index = sessionStorage.getItem("index");
|
||||||
|
var $panel = $('#panel');
|
||||||
|
if (imgUrls == null) {
|
||||||
|
imgUrls = new Array();
|
||||||
|
index = 0;
|
||||||
|
$.get(url, function (result) {
|
||||||
|
images = result.images;
|
||||||
|
for (let i = 0; i < images.length; i++) {
|
||||||
|
const item = images[i];
|
||||||
|
imgUrls.push(item.url);
|
||||||
|
}
|
||||||
|
var imgUrl = imgUrls[index];
|
||||||
|
var url = "https://www.bing.com" + imgUrl;
|
||||||
|
$panel.css("background", "url('" + url + "') center center no-repeat #666");
|
||||||
|
$panel.css("background-size", "cover");
|
||||||
|
sessionStorage.setItem("imgUrls", JSON.stringify(imgUrls));
|
||||||
|
sessionStorage.setItem("index", index);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
if (index == 7)
|
||||||
|
index = 0;
|
||||||
|
else
|
||||||
|
index++;
|
||||||
|
var imgUrl = imgUrls[index];
|
||||||
|
var url = "https://www.bing.com" + imgUrl;
|
||||||
|
$panel.css("background", "url('" + url + "') center center no-repeat #666");
|
||||||
|
$panel.css("background-size", "cover");
|
||||||
|
sessionStorage.setItem("index", index);
|
||||||
|
}
|
||||||
|
|
||||||
|
$(".iUp").each(function (i, e) {
|
||||||
|
iUp.up(e);
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".js-avatar")[0].onload = function () {
|
||||||
|
$(".js-avatar").addClass("show");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.btn-mobile-menu__icon').click(function () {
|
||||||
|
if ($('.navigation-wrapper').css('display') == "block") {
|
||||||
|
$('.navigation-wrapper').on('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
|
||||||
|
$('.navigation-wrapper').toggleClass('visible animated bounceOutUp');
|
||||||
|
$('.navigation-wrapper').off('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend');
|
||||||
|
});
|
||||||
|
$('.navigation-wrapper').toggleClass('animated bounceInDown animated bounceOutUp');
|
||||||
|
|
||||||
|
} else {
|
||||||
|
$('.navigation-wrapper').toggleClass('visible animated bounceInDown');
|
||||||
|
}
|
||||||
|
$('.btn-mobile-menu__icon').toggleClass('social iconfont icon-list social iconfont icon-ngleup animated fadeIn');
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user