个人引导页+音乐炫酷播放器（附加源码）

个人引导页+音乐炫酷播放器

效果图
部分源码
完整源码领取
下期更新内容

效果图

在这里插入图片描述

部分源码

 //网站动态标题开始 
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {if (document.hidden) {document.title = "你别走吖 Σ(っ °Д °;)っ";clearTimeout(titleTime)} else {document.title = "(/≧▽≦/)你又回来啦！ " ;titleTime = setTimeout(function() {document.title = OriginTitile},2000)}
});
//网站动态标题结束var t = null;t = setTimeout(time, 50);function time() {clearTimeout(t);dt = new Date();var y = dt.getFullYear();var mt = dt.getMonth() + 1;var day = dt.getDate();var h = dt.getHours();var m = dt.getMinutes();var s = dt.getSeconds();document.querySelector(".showTime").innerHTML =h + "时" + m + "分" + s + "秒";t = setTimeout(time, 1000);}var stop, staticx;var img = new Image();img.src = "https://p1.xywm.ltd/2022/07/31/62e604b42d4cf.webp";function Sakura(x, y, s, r, fn) {this.x = x;this.y = y;this.s = s;this.r = r;this.fn = fn}Sakura.prototype.draw = function(cxt) {cxt.save();var xc = 20 * this.s / 2;cxt.translate(this.x, this.y);cxt.rotate(this.r);cxt.drawImage(img, 0, 0, 20 * this.s, 20 * this.s);cxt.restore()};Sakura.prototype.update = function() {this.x = this.fn.x(this.x, this.y);this.y = this.fn.y(this.y, this.y);this.r = this.fn.r(this.r);if (this.x > window.innerWidth || this.x < 0 || this.y > window.innerHeight || this.y < 0) {this.r = getRandom("fnr");if (Math.random() > 0.4) {this.x = getRandom("x");this.y = 0;this.s = getRandom("s");this.r = getRandom("r")} else {this.x = window.innerWidth;this.y = getRandom("y");this.s = getRandom("s");this.r = getRandom("r")}}};SakuraList = function() {this.list = []};SakuraList.prototype.push = function(sakura) {this.list.push(sakura)};SakuraList.prototype.update = function() {for (var i = 0, len = this.list.length; i < len; i++) {this.list[i].update()}};SakuraList.prototype.draw = function(cxt) {for (var i = 0, len = this.list.length; i < len; i++) {this.list[i].draw(cxt)}};SakuraList.prototype.get = function(i) {return this.list[i]};SakuraList.prototype.size = function() {return this.list.length};