mirror of
https://github.com/imsyy/home.git
synced 2024-11-15 19:22:18 +08:00
fix: 修复天气及壁纸 API 无法使用的问题
This commit is contained in:
imsyy
parent
6cd803db56
commit
f68fd55415
29
.gitignore
vendored
29
.gitignore
vendored
|
|
@ -1 +1,28 @@
|
|||
/.vscode/*
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
.DS_Store
|
||||
dist
|
||||
dist-ssr
|
||||
coverage
|
||||
*.local
|
||||
|
||||
/cypress/videos/
|
||||
/cypress/screenshots/
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
|
|
|||
31
.hintrc
Normal file
31
.hintrc
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
{
|
||||
"extends": [
|
||||
"development"
|
||||
],
|
||||
"hints": {
|
||||
"compat-api/html": [
|
||||
"default",
|
||||
{
|
||||
"ignore": [
|
||||
"meta[name=theme-color]"
|
||||
]
|
||||
}
|
||||
],
|
||||
"highest-available-document-mode": "off",
|
||||
"axe/text-alternatives": [
|
||||
"default",
|
||||
{
|
||||
"image-alt": "off"
|
||||
}
|
||||
],
|
||||
"apple-touch-icons": "off",
|
||||
"axe/name-role-value": [
|
||||
"default",
|
||||
{
|
||||
"link-name": "off"
|
||||
}
|
||||
],
|
||||
"no-inline-styles": "off",
|
||||
"disown-opener": "off"
|
||||
}
|
||||
}
|
||||
10
README.md
10
README.md
|
|
@ -1,7 +1,7 @@
|
|||
简体中文 | [English](./README_EN.md)
|
||||
|
||||
<p>
|
||||
<strong><h2>無名の主页</h2></strong>
|
||||
<strong><h2>無名の主页 - 静态版本</h2></strong>
|
||||
简单的小主页，原来的看够了，重新弄了一个
|
||||
</p>
|
||||
|
||||
|
|
@ -32,10 +32,12 @@
|
|||
|
||||
### 天气
|
||||
|
||||
由于原天气 API 不稳定，已更换天气 API，现需要前往以下网站获取 key
|
||||
天气及地区获取需要 `高德开放平台` 相关 API
|
||||
|
||||
- 前往 [高德开放平台控制台](https://console.amap.com/dev/index) 创建一个 `Web 服务` 类型的 `Key`，并将 `Key` 填入 `js/main.js` 中的 `mainKey` 中
|
||||
|
||||
也可自行更换其他方式
|
||||
|
||||
- 前往 [ROLL](https://www.mxnzp.com/doc/list) 获取 app_id 和 app_secret，用于获取城市信息
|
||||
- 前往 [和风天气](https://dev.qweather.com/) 获取 key，用于获取天气信息
|
||||
|
||||
也可自行更换其他方式
|
||||
|
||||
|
|
|
|||
590
js/main.js
590
js/main.js
|
|
@ -7,20 +7,20 @@ GitHub：https://github.com/imsyy/home
|
|||
|
||||
//弹窗样式
|
||||
iziToast.settings({
|
||||
timeout: 10000,
|
||||
progressBar: false,
|
||||
close: false,
|
||||
closeOnEscape: true,
|
||||
position: 'topCenter',
|
||||
transitionIn: 'bounceInDown',
|
||||
transitionOut: 'flipOutX',
|
||||
displayMode: 'replace',
|
||||
layout: '1',
|
||||
backgroundColor: '#00000040',
|
||||
titleColor: '#efefef',
|
||||
messageColor: '#efefef',
|
||||
icon: 'Fontawesome',
|
||||
iconColor: '#efefef',
|
||||
timeout: 10000,
|
||||
progressBar: false,
|
||||
close: false,
|
||||
closeOnEscape: true,
|
||||
position: "topCenter",
|
||||
transitionIn: "bounceInDown",
|
||||
transitionOut: "flipOutX",
|
||||
displayMode: "replace",
|
||||
layout: "1",
|
||||
backgroundColor: "#00000040",
|
||||
titleColor: "#efefef",
|
||||
messageColor: "#efefef",
|
||||
icon: "Fontawesome",
|
||||
iconColor: "#efefef",
|
||||
});
|
||||
|
||||
/* 鼠标样式 */
|
||||
|
|
@ -31,34 +31,41 @@ const halfAlementWidth = element.offsetWidth / 2;
|
|||
const halfAlementWidth2 = element2.offsetWidth / 2;
|
||||
|
||||
function setPosition(x, y) {
|
||||
element2.style.transform = `translate(${x - halfAlementWidth2 + 1}px, ${y - halfAlementWidth2 + 1}px)`;
|
||||
element2.style.transform = `translate(${x - halfAlementWidth2 + 1}px, ${
|
||||
y - halfAlementWidth2 + 1
|
||||
}px)`;
|
||||
}
|
||||
|
||||
body.addEventListener('mousemove', (e) => {
|
||||
window.requestAnimationFrame(function () {
|
||||
setPosition(e.clientX, e.clientY);
|
||||
});
|
||||
body.addEventListener("mousemove", (e) => {
|
||||
window.requestAnimationFrame(function () {
|
||||
setPosition(e.clientX, e.clientY);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
//加载完成后执行
|
||||
window.addEventListener('load', function () {
|
||||
|
||||
window.addEventListener(
|
||||
"load",
|
||||
function () {
|
||||
//载入动画
|
||||
$('#loading-box').attr('class', 'loaded');
|
||||
$('#bg').css("cssText", "transform: scale(1);filter: blur(0px);transition: ease 1.5s;");
|
||||
$('.cover').css("cssText", "opacity: 1;transition: ease 1.5s;");
|
||||
$('#section').css("cssText", "transform: scale(1) !important;opacity: 1 !important;filter: blur(0px) !important");
|
||||
$("#loading-box").attr("class", "loaded");
|
||||
$("#bg").css(
|
||||
"cssText",
|
||||
"transform: scale(1);filter: blur(0px);transition: ease 1.5s;"
|
||||
);
|
||||
$(".cover").css("cssText", "opacity: 1;transition: ease 1.5s;");
|
||||
$("#section").css(
|
||||
"cssText",
|
||||
"transform: scale(1) !important;opacity: 1 !important;filter: blur(0px) !important"
|
||||
);
|
||||
|
||||
//用户欢迎
|
||||
setTimeout(function () {
|
||||
iziToast.show({
|
||||
timeout: 2500,
|
||||
icon: false,
|
||||
title: hello,
|
||||
message: '欢迎来到我的主页'
|
||||
});
|
||||
iziToast.show({
|
||||
timeout: 2500,
|
||||
icon: false,
|
||||
title: hello,
|
||||
message: "欢迎来到我的主页",
|
||||
});
|
||||
}, 800);
|
||||
|
||||
//延迟加载音乐播放器
|
||||
|
|
@ -77,13 +84,14 @@ window.addEventListener('load', function () {
|
|||
|
||||
//移动端去除鼠标样式
|
||||
if (Boolean(window.navigator.userAgent.match(/AppWebKit.*Mobile.*/))) {
|
||||
$('#g-pointer-2').css("display", "none");
|
||||
$("#g-pointer-2").css("display", "none");
|
||||
}
|
||||
|
||||
}, false)
|
||||
},
|
||||
false
|
||||
);
|
||||
|
||||
setTimeout(function () {
|
||||
$('#loading-text').html("字体及文件加载可能需要一定时间")
|
||||
$("#loading-text").html("字体及文件加载可能需要一定时间");
|
||||
}, 3000);
|
||||
|
||||
// 新春灯笼 （ 需要时可取消注释 ）
|
||||
|
|
@ -99,95 +107,104 @@ setTimeout(function () {
|
|||
// document.body.appendChild(new_element);
|
||||
|
||||
//获取一言
|
||||
fetch('https://v1.hitokoto.cn?max_length=24')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
$('#hitokoto_text').html(data.hitokoto)
|
||||
$('#from_text').html(data.from)
|
||||
})
|
||||
.catch(console.error)
|
||||
fetch("https://v1.hitokoto.cn?max_length=24")
|
||||
.then((response) => response.json())
|
||||
.then((data) => {
|
||||
$("#hitokoto_text").html(data.hitokoto);
|
||||
$("#from_text").html(data.from);
|
||||
})
|
||||
.catch(console.error);
|
||||
|
||||
let times = 0;
|
||||
$('#hitokoto').click(function () {
|
||||
if (times == 0) {
|
||||
times = 1;
|
||||
let index = setInterval(function () {
|
||||
times--;
|
||||
if (times == 0) {
|
||||
clearInterval(index);
|
||||
}
|
||||
}, 1000);
|
||||
fetch('https://v1.hitokoto.cn?max_length=24')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
$('#hitokoto_text').html(data.hitokoto)
|
||||
$('#from_text').html(data.from)
|
||||
})
|
||||
.catch(console.error)
|
||||
} else {
|
||||
iziToast.show({
|
||||
timeout: 1000,
|
||||
icon: "fa-solid fa-circle-exclamation",
|
||||
message: '你点太快了吧'
|
||||
});
|
||||
}
|
||||
$("#hitokoto").click(function () {
|
||||
if (times == 0) {
|
||||
times = 1;
|
||||
let index = setInterval(function () {
|
||||
times--;
|
||||
if (times == 0) {
|
||||
clearInterval(index);
|
||||
}
|
||||
}, 1000);
|
||||
fetch("https://v1.hitokoto.cn?max_length=24")
|
||||
.then((response) => response.json())
|
||||
.then((data) => {
|
||||
$("#hitokoto_text").html(data.hitokoto);
|
||||
$("#from_text").html(data.from);
|
||||
})
|
||||
.catch(console.error);
|
||||
} else {
|
||||
iziToast.show({
|
||||
timeout: 1000,
|
||||
icon: "fa-solid fa-circle-exclamation",
|
||||
message: "你点太快了吧",
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//获取天气
|
||||
//请前往 https://www.mxnzp.com/doc/list 申请 app_id 和 app_secret
|
||||
//请前往 https://dev.qweather.com/ 申请 key
|
||||
const add_id = "wrknltonr0foslhs"; // app_id
|
||||
const app_secret = "Nlh1c0F6d0ZDU2pDR0J3YVBVbkhudz09"; // app_secret
|
||||
const key = "433f0c48615a48dfaf2f2b2444297e79" // key
|
||||
function getWeather() {
|
||||
fetch("https://www.mxnzp.com/api/ip/self?app_id=" + add_id + "&app_secret=" + app_secret)
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
let str = data.data.city
|
||||
let city = str.replace(/市/g, '')
|
||||
$('#city_text').html(city);
|
||||
fetch("https://geoapi.qweather.com/v2/city/lookup?location=" + city + "&number=1&key=" + key)
|
||||
.then(response => response.json())
|
||||
.then(location => {
|
||||
let id = location.location[0].id
|
||||
fetch("https://devapi.qweather.com/v7/weather/now?location=" + id + "&key=" + key)
|
||||
.then(response => response.json())
|
||||
.then(weather => {
|
||||
$('#wea_text').html(weather.now.text)
|
||||
$('#tem_text').html(weather.now.temp + "°C ")
|
||||
$('#win_text').html(weather.now.windDir)
|
||||
$('#win_speed').html(weather.now.windScale + "级")
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(console.error);
|
||||
}
|
||||
// 获取天气
|
||||
// 请前往 https://www.mxnzp.com/doc/list 申请 app_id 和 app_secret
|
||||
const mainKey = "57eaea5833ff1616cfd1ff2c4cf9b58a"; // 高德开发者 Key
|
||||
const getWeather = () => {
|
||||
fetch(`https://restapi.amap.com/v3/ip?key=${mainKey}`)
|
||||
.then((response) => response.json())
|
||||
.then((res) => {
|
||||
const adcode = res.adcode;
|
||||
$("#city_text").html(res.city);
|
||||
fetch(
|
||||
`https://restapi.amap.com/v3/weather/weatherInfo?key=${mainKey}&city=${adcode}`
|
||||
)
|
||||
.then((response) => response.json())
|
||||
.then((res) => {
|
||||
if (res.status) {
|
||||
$("#wea_text").html(res.lives[0].weather);
|
||||
$("#tem_text").html(res.lives[0].temperature + "°C ");
|
||||
$("#win_text").html(res.lives[0].winddirection + "风");
|
||||
$("#win_speed").html(res.lives[0].windpower + "级");
|
||||
} else {
|
||||
console.error("天气信息获取失败");
|
||||
iziToast.show({
|
||||
timeout: 2000,
|
||||
icon: "fa-solid fa-cloud-sun",
|
||||
message: "天气信息获取失败",
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch((err) => {
|
||||
console.error("天气信息获取失败：" + err);
|
||||
iziToast.show({
|
||||
timeout: 2000,
|
||||
icon: "fa-solid fa-cloud-sun",
|
||||
message: "天气信息获取失败",
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
getWeather();
|
||||
|
||||
let wea = 0;
|
||||
$('#upWeather').click(function () {
|
||||
if (wea == 0) {
|
||||
wea = 1;
|
||||
let index = setInterval(function () {
|
||||
wea--;
|
||||
if (wea == 0) {
|
||||
clearInterval(index);
|
||||
}
|
||||
}, 60000);
|
||||
getWeather();
|
||||
iziToast.show({
|
||||
timeout: 2000,
|
||||
icon: "fa-solid fa-cloud-sun",
|
||||
message: '实时天气已更新'
|
||||
});
|
||||
} else {
|
||||
iziToast.show({
|
||||
timeout: 1000,
|
||||
icon: "fa-solid fa-circle-exclamation",
|
||||
message: '请稍后再更新哦'
|
||||
});
|
||||
}
|
||||
$("#upWeather").click(function () {
|
||||
if (wea == 0) {
|
||||
wea = 1;
|
||||
let index = setInterval(function () {
|
||||
wea--;
|
||||
if (wea == 0) {
|
||||
clearInterval(index);
|
||||
}
|
||||
}, 60000);
|
||||
getWeather();
|
||||
iziToast.show({
|
||||
timeout: 2000,
|
||||
icon: "fa-solid fa-cloud-sun",
|
||||
message: "实时天气已更新",
|
||||
});
|
||||
} else {
|
||||
iziToast.show({
|
||||
timeout: 1000,
|
||||
icon: "fa-solid fa-circle-exclamation",
|
||||
message: "请稍后再更新哦",
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//获取时间
|
||||
|
|
@ -195,198 +212,242 @@ let t = null;
|
|||
t = setTimeout(time, 1000);
|
||||
|
||||
function time() {
|
||||
clearTimeout(t);
|
||||
dt = new Date();
|
||||
let y = dt.getYear() + 1900;
|
||||
let mm = dt.getMonth() + 1;
|
||||
let d = dt.getDate();
|
||||
let weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
|
||||
let day = dt.getDay();
|
||||
let h = dt.getHours();
|
||||
let m = dt.getMinutes();
|
||||
let s = dt.getSeconds();
|
||||
if (h < 10) {
|
||||
h = "0" + h;
|
||||
}
|
||||
if (m < 10) {
|
||||
m = "0" + m;
|
||||
}
|
||||
if (s < 10) {
|
||||
s = "0" + s;
|
||||
}
|
||||
$("#time").html(y + " 年 " + mm + " 月 " + d + " 日 " + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>");
|
||||
t = setTimeout(time, 1000);
|
||||
clearTimeout(t);
|
||||
dt = new Date();
|
||||
let y = dt.getYear() + 1900;
|
||||
let mm = dt.getMonth() + 1;
|
||||
let d = dt.getDate();
|
||||
let weekday = [
|
||||
"星期日",
|
||||
"星期一",
|
||||
"星期二",
|
||||
"星期三",
|
||||
"星期四",
|
||||
"星期五",
|
||||
"星期六",
|
||||
];
|
||||
let day = dt.getDay();
|
||||
let h = dt.getHours();
|
||||
let m = dt.getMinutes();
|
||||
let s = dt.getSeconds();
|
||||
if (h < 10) {
|
||||
h = "0" + h;
|
||||
}
|
||||
if (m < 10) {
|
||||
m = "0" + m;
|
||||
}
|
||||
if (s < 10) {
|
||||
s = "0" + s;
|
||||
}
|
||||
$("#time").html(
|
||||
y +
|
||||
" 年 " +
|
||||
mm +
|
||||
" 月 " +
|
||||
d +
|
||||
" 日 " +
|
||||
"<span class='weekday'>" +
|
||||
weekday[day] +
|
||||
"</span><br>" +
|
||||
"<span class='time-text'>" +
|
||||
h +
|
||||
":" +
|
||||
m +
|
||||
":" +
|
||||
s +
|
||||
"</span>"
|
||||
);
|
||||
t = setTimeout(time, 1000);
|
||||
}
|
||||
|
||||
//链接提示文字
|
||||
$("#social").mouseover(function () {
|
||||
$("#social")
|
||||
.mouseover(function () {
|
||||
$("#social").css({
|
||||
"background": "rgb(0 0 0 / 25%)",
|
||||
'border-radius': '6px',
|
||||
"backdrop-filter": "blur(5px)"
|
||||
background: "rgb(0 0 0 / 25%)",
|
||||
"border-radius": "6px",
|
||||
"backdrop-filter": "blur(5px)",
|
||||
});
|
||||
$("#link-text").css({
|
||||
"display": "block",
|
||||
display: "block",
|
||||
});
|
||||
}).mouseout(function () {
|
||||
})
|
||||
.mouseout(function () {
|
||||
$("#social").css({
|
||||
"background": "none",
|
||||
"border-radius": "6px",
|
||||
"backdrop-filter": "none"
|
||||
background: "none",
|
||||
"border-radius": "6px",
|
||||
"backdrop-filter": "none",
|
||||
});
|
||||
$("#link-text").css({
|
||||
"display": "none"
|
||||
display: "none",
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
$("#github").mouseover(function () {
|
||||
$("#github")
|
||||
.mouseover(function () {
|
||||
$("#link-text").html("去 Github 看看");
|
||||
}).mouseout(function () {
|
||||
})
|
||||
.mouseout(function () {
|
||||
$("#link-text").html("通过这里联系我");
|
||||
});
|
||||
$("#qq").mouseover(function () {
|
||||
});
|
||||
$("#qq")
|
||||
.mouseover(function () {
|
||||
$("#link-text").html("有什么事吗");
|
||||
}).mouseout(function () {
|
||||
})
|
||||
.mouseout(function () {
|
||||
$("#link-text").html("通过这里联系我");
|
||||
});
|
||||
$("#email").mouseover(function () {
|
||||
});
|
||||
$("#email")
|
||||
.mouseover(function () {
|
||||
$("#link-text").html("来封 Email");
|
||||
}).mouseout(function () {
|
||||
})
|
||||
.mouseout(function () {
|
||||
$("#link-text").html("通过这里联系我");
|
||||
});
|
||||
$("#bilibili").mouseover(function () {
|
||||
});
|
||||
$("#bilibili")
|
||||
.mouseover(function () {
|
||||
$("#link-text").html("来 B 站看看 ~");
|
||||
}).mouseout(function () {
|
||||
})
|
||||
.mouseout(function () {
|
||||
$("#link-text").html("通过这里联系我");
|
||||
});
|
||||
$("#telegram").mouseover(function () {
|
||||
});
|
||||
$("#telegram")
|
||||
.mouseover(function () {
|
||||
$("#link-text").html("你懂的 ~");
|
||||
}).mouseout(function () {
|
||||
})
|
||||
.mouseout(function () {
|
||||
$("#link-text").html("通过这里联系我");
|
||||
});
|
||||
});
|
||||
|
||||
//自动变灰
|
||||
let myDate = new Date;
|
||||
let myDate = new Date();
|
||||
let mon = myDate.getMonth() + 1;
|
||||
let date = myDate.getDate();
|
||||
let days = ['4.4', '5.12', '7.7', '9.9', '9.18', '12.13'];
|
||||
let days = ["4.4", "5.12", "7.7", "9.9", "9.18", "12.13"];
|
||||
for (let day of days) {
|
||||
let d = day.split('.');
|
||||
if (mon == d[0] && date == d[1]) {
|
||||
document.write(
|
||||
'<style>html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}</style>'
|
||||
);
|
||||
$("#change").html("Silence in silence");
|
||||
$("#change1").html("今天是中国国家纪念日，全站已切换为黑白模式");
|
||||
window.addEventListener('load', function () {
|
||||
setTimeout(function () {
|
||||
iziToast.show({
|
||||
timeout: 14000,
|
||||
icon: "fa-solid fa-clock",
|
||||
message: '今天是中国国家纪念日'
|
||||
});
|
||||
}, 3800);
|
||||
}, false);
|
||||
}
|
||||
let d = day.split(".");
|
||||
if (mon == d[0] && date == d[1]) {
|
||||
document.write(
|
||||
"<style>html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}</style>"
|
||||
);
|
||||
$("#change").html("Silence in silence");
|
||||
$("#change1").html("今天是中国国家纪念日，全站已切换为黑白模式");
|
||||
window.addEventListener(
|
||||
"load",
|
||||
function () {
|
||||
setTimeout(function () {
|
||||
iziToast.show({
|
||||
timeout: 14000,
|
||||
icon: "fa-solid fa-clock",
|
||||
message: "今天是中国国家纪念日",
|
||||
});
|
||||
}, 3800);
|
||||
},
|
||||
false
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
//更多页面切换
|
||||
let shoemore = false;
|
||||
$('#switchmore').on('click', function () {
|
||||
shoemore = !shoemore;
|
||||
if (shoemore && $(document).width() >= 990) {
|
||||
$('#container').attr('class', 'container mores');
|
||||
$("#change").html("Oops !");
|
||||
$("#change1").html("哎呀，这都被你发现了（ 再点击一次可关闭 ）");
|
||||
} else {
|
||||
$('#container').attr('class', 'container');
|
||||
$("#change").html("Hello World !");
|
||||
$("#change1").html("一个建立于 21 世纪的小站，存活于互联网的边缘");
|
||||
}
|
||||
$("#switchmore").on("click", function () {
|
||||
shoemore = !shoemore;
|
||||
if (shoemore && $(document).width() >= 990) {
|
||||
$("#container").attr("class", "container mores");
|
||||
$("#change").html("Oops !");
|
||||
$("#change1").html("哎呀，这都被你发现了（ 再点击一次可关闭 ）");
|
||||
} else {
|
||||
$("#container").attr("class", "container");
|
||||
$("#change").html("Hello World !");
|
||||
$("#change1").html("一个建立于 21 世纪的小站，存活于互联网的边缘");
|
||||
}
|
||||
});
|
||||
|
||||
//更多页面关闭按钮
|
||||
$('#close').on('click', function () {
|
||||
$('#switchmore').click();
|
||||
$("#close").on("click", function () {
|
||||
$("#switchmore").click();
|
||||
});
|
||||
|
||||
//移动端菜单栏切换
|
||||
let switchmenu = false;
|
||||
$('#switchmenu').on('click', function () {
|
||||
switchmenu = !switchmenu;
|
||||
if (switchmenu) {
|
||||
$('#row').attr('class', 'row menus');
|
||||
$("#menu").html("<i class='fa-solid fa-xmark'></i>");
|
||||
} else {
|
||||
$('#row').attr('class', 'row');
|
||||
$("#menu").html("<i class='fa-solid fa-bars'></i>");
|
||||
}
|
||||
$("#switchmenu").on("click", function () {
|
||||
switchmenu = !switchmenu;
|
||||
if (switchmenu) {
|
||||
$("#row").attr("class", "row menus");
|
||||
$("#menu").html("<i class='fa-solid fa-xmark'></i>");
|
||||
} else {
|
||||
$("#row").attr("class", "row");
|
||||
$("#menu").html("<i class='fa-solid fa-bars'></i>");
|
||||
}
|
||||
});
|
||||
|
||||
//更多弹窗页面
|
||||
$('#openmore').on('click', function () {
|
||||
$('#box').css("display", "block");
|
||||
$('#row').css("display", "none");
|
||||
$('#more').css("cssText", "display:none !important");
|
||||
$("#openmore").on("click", function () {
|
||||
$("#box").css("display", "block");
|
||||
$("#row").css("display", "none");
|
||||
$("#more").css("cssText", "display:none !important");
|
||||
});
|
||||
$('#closemore').on('click', function () {
|
||||
$('#box').css("display", "none");
|
||||
$('#row').css("display", "flex");
|
||||
$('#more').css("display", "flex");
|
||||
$("#closemore").on("click", function () {
|
||||
$("#box").css("display", "none");
|
||||
$("#row").css("display", "flex");
|
||||
$("#more").css("display", "flex");
|
||||
});
|
||||
|
||||
//监听网页宽度
|
||||
window.addEventListener('load', function () {
|
||||
window.addEventListener('resize', function () {
|
||||
//关闭移动端样式
|
||||
if (window.innerWidth >= 600) {
|
||||
$('#row').attr('class', 'row');
|
||||
$("#menu").html("<i class='fa-solid fa-bars'></i>");
|
||||
//移除移动端切换功能区
|
||||
$('#rightone').attr('class', 'row rightone');
|
||||
}
|
||||
window.addEventListener("load", function () {
|
||||
window.addEventListener("resize", function () {
|
||||
//关闭移动端样式
|
||||
if (window.innerWidth >= 600) {
|
||||
$("#row").attr("class", "row");
|
||||
$("#menu").html("<i class='fa-solid fa-bars'></i>");
|
||||
//移除移动端切换功能区
|
||||
$("#rightone").attr("class", "row rightone");
|
||||
}
|
||||
|
||||
if (window.innerWidth <= 990) {
|
||||
//移动端隐藏更多页面
|
||||
$('#container').attr('class', 'container');
|
||||
$("#change").html("Hello World !");
|
||||
$("#change1").html("一个建立于 21 世纪的小站，存活于互联网的边缘");
|
||||
if (window.innerWidth <= 990) {
|
||||
//移动端隐藏更多页面
|
||||
$("#container").attr("class", "container");
|
||||
$("#change").html("Hello World !");
|
||||
$("#change1").html("一个建立于 21 世纪的小站，存活于互联网的边缘");
|
||||
|
||||
//移动端隐藏弹窗页面
|
||||
$('#box').css("display", "none");
|
||||
$('#row').css("display", "flex");
|
||||
$('#more').css("display", "flex");
|
||||
}
|
||||
})
|
||||
})
|
||||
//移动端隐藏弹窗页面
|
||||
$("#box").css("display", "none");
|
||||
$("#row").css("display", "flex");
|
||||
$("#more").css("display", "flex");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//移动端切换功能区
|
||||
let changemore = false;
|
||||
$('#changemore').on('click', function () {
|
||||
changemore = !changemore;
|
||||
if (changemore) {
|
||||
$('#rightone').attr('class', 'row menus mobile');
|
||||
} else {
|
||||
$('#rightone').attr('class', 'row menus');
|
||||
}
|
||||
$("#changemore").on("click", function () {
|
||||
changemore = !changemore;
|
||||
if (changemore) {
|
||||
$("#rightone").attr("class", "row menus mobile");
|
||||
} else {
|
||||
$("#rightone").attr("class", "row menus");
|
||||
}
|
||||
});
|
||||
|
||||
//更多页面显示关闭按钮
|
||||
$("#more").hover(function () {
|
||||
$('#close').css("display", "block");
|
||||
}, function () {
|
||||
$('#close').css("display", "none");
|
||||
})
|
||||
$("#more").hover(
|
||||
function () {
|
||||
$("#close").css("display", "block");
|
||||
},
|
||||
function () {
|
||||
$("#close").css("display", "none");
|
||||
}
|
||||
);
|
||||
|
||||
//屏蔽右键
|
||||
document.oncontextmenu = function () {
|
||||
iziToast.show({
|
||||
timeout: 2000,
|
||||
icon: "fa-solid fa-circle-exclamation",
|
||||
message: '为了浏览体验，本站禁用右键'
|
||||
});
|
||||
return false;
|
||||
}
|
||||
iziToast.show({
|
||||
timeout: 2000,
|
||||
icon: "fa-solid fa-circle-exclamation",
|
||||
message: "为了浏览体验，本站禁用右键",
|
||||
});
|
||||
return false;
|
||||
};
|
||||
|
||||
//控制台输出
|
||||
//console.clear();
|
||||
|
|
@ -394,15 +455,15 @@ let styleTitle1 = `
|
|||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: rgb(244,167,89);
|
||||
`
|
||||
`;
|
||||
let styleTitle2 = `
|
||||
font-size:12px;
|
||||
color: rgb(244,167,89);
|
||||
`
|
||||
`;
|
||||
let styleContent = `
|
||||
color: rgb(30,152,255);
|
||||
`
|
||||
let title1 = '無名の主页'
|
||||
`;
|
||||
let title1 = "無名の主页";
|
||||
let title2 = `
|
||||
_____ __ __ _______ ____ __
|
||||
|_ _| \\/ |/ ____\\ \\ / /\\ \\ / /
|
||||
|
|
@ -410,13 +471,18 @@ let title2 = `
|
|||
| | | |\\/| |\\___ \\ \\ / \\ /
|
||||
_| |_| | | |____) | | | | |
|
||||
|_____|_| |_|_____/ |_| |_|
|
||||
`
|
||||
`;
|
||||
let content = `
|
||||
版 本 号：3.4
|
||||
更新日期：2022-07-24
|
||||
|
||||
主页: https://www.imsyy.top
|
||||
Github: https://github.com/imsyy/home
|
||||
`
|
||||
console.log(`%c${title1} %c${title2}
|
||||
%c${content}`, styleTitle1, styleTitle2, styleContent)
|
||||
`;
|
||||
console.log(
|
||||
`%c${title1} %c${title2}
|
||||
%c${content}`,
|
||||
styleTitle1,
|
||||
styleTitle2,
|
||||
styleContent
|
||||
);
|
||||
|
|
|
|||
105
js/set.js
105
js/set.js
|
|
@ -5,69 +5,72 @@ GitHub：https://github.com/imsyy/home
|
|||
版权所有，请勿删除
|
||||
*/
|
||||
|
||||
// 背景图片 Cookies
|
||||
// 背景图片 Cookies
|
||||
function setBgImg(bg_img) {
|
||||
if (bg_img) {
|
||||
Cookies.set('bg_img', bg_img, {
|
||||
expires: 36500
|
||||
});
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
if (bg_img) {
|
||||
Cookies.set("bg_img", bg_img, {
|
||||
expires: 36500,
|
||||
});
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
// 获取背景图片 Cookies
|
||||
function getBgImg() {
|
||||
let bg_img_local = Cookies.get('bg_img');
|
||||
if (bg_img_local && bg_img_local !== "{}") {
|
||||
return JSON.parse(bg_img_local);
|
||||
} else {
|
||||
setBgImg(bg_img_preinstall);
|
||||
return bg_img_preinstall;
|
||||
}
|
||||
let bg_img_local = Cookies.get("bg_img");
|
||||
if (bg_img_local && bg_img_local !== "{}") {
|
||||
return JSON.parse(bg_img_local);
|
||||
} else {
|
||||
setBgImg(bg_img_preinstall);
|
||||
return bg_img_preinstall;
|
||||
}
|
||||
}
|
||||
|
||||
let bg_img_preinstall = {
|
||||
"type": "1", // 1:默认背景 2:每日一图 3:随机风景 4:随机动漫
|
||||
"2": "https://api.dujin.org/bing/1920.php", // 每日一图
|
||||
"3": "https://api.ixiaowai.cn/gqapi/gqapi.php", // 随机风景
|
||||
"4": "https://api.ixiaowai.cn/api/api.php" // 随机动漫
|
||||
type: "1", // 1:默认背景 2:每日一图 3:随机风景 4:随机动漫
|
||||
2: "https://api.dujin.org/bing/1920.php", // 每日一图
|
||||
3: "https://api.btstu.cn/sjbz/api.php?lx=fengjing&format=images", // 随机风景
|
||||
4: "https://www.dmoe.cc/random.php", // 随机动漫
|
||||
};
|
||||
|
||||
// 更改背景图片
|
||||
function setBgImgInit() {
|
||||
let bg_img = getBgImg();
|
||||
$("input[name='wallpaper-type'][value=" + bg_img["type"] + "]").click();
|
||||
let bg_img = getBgImg();
|
||||
$("input[name='wallpaper-type'][value=" + bg_img["type"] + "]").click();
|
||||
|
||||
switch (bg_img["type"]) {
|
||||
case "1":
|
||||
$('#bg').attr('src', `./img/background${1 + ~~(Math.random() * 10)}.webp`) //随机默认壁纸
|
||||
break;
|
||||
case "2":
|
||||
$('#bg').attr('src', bg_img_preinstall[2]); //必应每日
|
||||
break;
|
||||
case "3":
|
||||
$('#bg').attr('src', bg_img_preinstall[3]); //随机风景
|
||||
break;
|
||||
case "4":
|
||||
$('#bg').attr('src', bg_img_preinstall[4]); //随机动漫
|
||||
break;
|
||||
}
|
||||
};
|
||||
switch (bg_img["type"]) {
|
||||
case "1":
|
||||
$("#bg").attr(
|
||||
"src",
|
||||
`./img/background${1 + ~~(Math.random() * 10)}.webp`
|
||||
); //随机默认壁纸
|
||||
break;
|
||||
case "2":
|
||||
$("#bg").attr("src", bg_img_preinstall[2]); //必应每日
|
||||
break;
|
||||
case "3":
|
||||
$("#bg").attr("src", bg_img_preinstall[3]); //随机风景
|
||||
break;
|
||||
case "4":
|
||||
$("#bg").attr("src", bg_img_preinstall[4]); //随机动漫
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
// 壁纸数据加载
|
||||
setBgImgInit();
|
||||
// 设置背景图片
|
||||
$("#wallpaper").on("click", ".set-wallpaper", function () {
|
||||
let type = $(this).val();
|
||||
let bg_img = getBgImg();
|
||||
bg_img["type"] = type;
|
||||
iziToast.show({
|
||||
icon: "fa-solid fa-image",
|
||||
timeout: 2500,
|
||||
message: '壁纸设置成功，刷新后生效',
|
||||
});
|
||||
setBgImg(bg_img);
|
||||
// 壁纸数据加载
|
||||
setBgImgInit();
|
||||
// 设置背景图片
|
||||
$("#wallpaper").on("click", ".set-wallpaper", function () {
|
||||
let type = $(this).val();
|
||||
let bg_img = getBgImg();
|
||||
bg_img["type"] = type;
|
||||
iziToast.show({
|
||||
icon: "fa-solid fa-image",
|
||||
timeout: 2500,
|
||||
message: "壁纸设置成功，刷新后生效",
|
||||
});
|
||||
});
|
||||
setBgImg(bg_img);
|
||||
});
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user