50fcc7454d
- 将 MBTI 图标从 PNG 更改为 WebP 格式以优化加载性能 - 更新背景图片路径配置以使用 WebP 图片资源 - 移除对 sessionStorage 中图片 URL 列表的重复设置逻辑
96 lines
2.7 KiB
JavaScript
96 lines
2.7 KiB
JavaScript
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 () {
|
|
|
|
// 获取一言数据
|
|
// 检查是否在本地开发环境
|
|
var isLocal = location.hostname === 'localhost' || location.hostname === '127.0.0.1';
|
|
var hitokotoUrl = isLocal ? 'https://v1.hitokoto.cn/' : SiteConfig.hitokoto.apiUrl;
|
|
|
|
fetch(hitokotoUrl).then(function (res) {
|
|
return res.json();
|
|
}).then(function (e) {
|
|
$('#description').html(e.hitokoto + "<br/> -「<strong>" + e.from + "</strong>」")
|
|
}).catch(function (err) {
|
|
console.error("获取一言数据失败", err);
|
|
// 本地开发环境使用默认文本
|
|
if (isLocal) {
|
|
$('#description').html('人生天地之间，若白驹之过隙，忽然而已。<br/> -「<strong>Honesty</strong>」');
|
|
}
|
|
})
|
|
|
|
/**
|
|
* 自定义壁纸
|
|
*/
|
|
var imgUrls = JSON.parse(sessionStorage.getItem("imgUrls"));
|
|
var $panel = $('#panel');
|
|
var date = new Date();
|
|
var dayOfWeek = date.getDay();
|
|
if (imgUrls == null) {
|
|
imgUrls = [];
|
|
SiteConfig.background.imagePaths.forEach(path => {
|
|
imgUrls.push(path);
|
|
});
|
|
//sessionStorage.setItem("imgUrls", JSON.stringify(imgUrls));
|
|
// sessionStorage.setItem("index", index);
|
|
} else {
|
|
// if (index == imgUrls.length)
|
|
// index = 0;
|
|
// else
|
|
// index++;
|
|
// sessionStorage.setItem("index", index);
|
|
}
|
|
|
|
var imgUrl = imgUrls[dayOfWeek];
|
|
$panel.css("background", "url('" + imgUrl + "') center center no-repeat #666");
|
|
$panel.css("background-size", "cover");
|
|
|
|
$(".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');
|
|
}); |