Akatsuki-Misaki/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改script

Browse Source
This commit is contained in:
hanasaki-misaki
2023-03-18 10:57:38 +08:00
parent 479a3a287e
commit 8026f7a79b
4 changed files with 40 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Static/Gui/js/new_Rss.js
View File

@@ -20,7 +20,7 @@ function getRSS(url) {
//在news.html页面上的ul元素中添加内容 //在news.html页面上的ul元素中添加内容
document.querySelector("ul").innerHTML += ` document.querySelector("ul").innerHTML += `
<a href="${link}" target="_blank"> <a href="${link}" target="_blank">
<li class="mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden"> <li class="idc dnone mdui-list-item mdui-ripple mdui-shadow-12" style="backdrop-filter: blur(8px);overflow-x:hidden">
<div class="mdui-list-item-title">${title}</div> <div class="mdui-list-item-title">${title}</div>
<div class="mdui-list-item-text mdui-list-item-one-line"> <div class="mdui-list-item-text mdui-list-item-one-line">
<span>${datetime}</span> <span>${datetime}</span>
@@ -28,10 +28,10 @@ function getRSS(url) {
</a> </a>
</li> </li>
`; `;
//若是没有更多的item元素，则在页面添加没有内容” //若是没有的item元素，则在页面li添加没有内容”
if (items.length === 0) { if (items.length === 0) {
document.querySelector("ul").innerHTML += ` document.querySelector("ul").innerHTML += `
<li class="mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden"> <li class="idc dnone mdui-list-item mdui-ripple mdui-shadow-12" style="backdrop-filter: blur(8px);overflow-x:hidden">
<div class="mdui-list-item-title">没有内容</div> <div class="mdui-list-item-title">没有内容</div>
</li> </li>
`; `;

4
Static/mdui-v1.0.1/css/ui.css
View File

@@ -353,3 +353,7 @@ body {
.slow-two h2{ .slow-two h2{
padding: 35px 0px 35px 0px; padding: 35px 0px 35px 0px;
} }
.dnone{
display: none;
}

27
news.html
View File

@@ -11,7 +11,9 @@
<link rel="stylesheet" href="Static\mdui-v1.0.1\css\animate.min.css"> <link rel="stylesheet" href="Static\mdui-v1.0.1\css\animate.min.css">
<link rel="stylesheet" href="Static\bootstrap-4.6.2-dist\css\bootstrap.min.css"> <link rel="stylesheet" href="Static\bootstrap-4.6.2-dist\css\bootstrap.min.css">
<style> <style>
body{
overflow:hidden;
}
</style> </style>
<script> <script>
/* Navigation bar script, hide when scrolling down, show when scrolling up */ /* Navigation bar script, hide when scrolling down, show when scrolling up */
@@ -163,22 +165,13 @@
<script src="Static\mdui-v1.0.1\js\wow.min.js" type="text/javascript"></script> <script src="Static\mdui-v1.0.1\js\wow.min.js" type="text/javascript"></script>
<script src="Static\bootstrap-4.6.2-dist\js\bootstrap.min.js" type="text/javascript"></script> <script src="Static\bootstrap-4.6.2-dist\js\bootstrap.min.js" type="text/javascript"></script>
<script> <script>
// 未加载完成网页资源前需要阻止所有动画效果网页资源加载完成后隐藏div id类为loadprogress的元素 new WOW().init();
$(window).on('load', function (callback) { setTimeout(function () {
$('body').css({overflow: 'hidden'}); $("body").css("overflow", "auto");
$('body').removeClass('wow-animate__animated'); $('#loadprogress').hide();
setTimeout(function () { $('.idc').removeClass('dnone');
$('body').css({overflow: 'auto'}); $('.idc').addClass('wow animate__animated animate__fadeInRight');
$('#loadprogress').hide(); }, 3000);
new_Rss();
new WOW().init();
callback && callback();
clearTimeout(loadTimer);
}, 2000);
});
// 加载完成后再运行new_Rss.js
</script> </script>
</body> </body>

58
staff.html
View File

@@ -11,22 +11,10 @@
<link rel="stylesheet" href="Static\mdui-v1.0.1\css\animate.min.css"> <link rel="stylesheet" href="Static\mdui-v1.0.1\css\animate.min.css">
<link rel="stylesheet" href="Static\bootstrap-4.6.2-dist\css\bootstrap.min.css"> <link rel="stylesheet" href="Static\bootstrap-4.6.2-dist\css\bootstrap.min.css">
<style> <style>
body{
</style> overflow:hidden;
<script>
// Home navigation bar scrolling hidden
window.onscroll = function () {
var t = document.documentElement.scrollTop || document.body.scrollTop;
if (t > 0) {
document.getElementById("p-d").style.paddingTop = "0px";
document.getElementById("p-d").style.paddingBottom = "0px";
} else {
document.getElementById("p-d").style.paddingTop = "64px";
document.getElementById("p-d").style.paddingBottom = "64px";
}
} }
</style>
</script>
</head> </head>
<body class="mdui-theme-primary-indigo mdui-theme-accent-blue mdui-loaded" id="p-d"> <body class="mdui-theme-primary-indigo mdui-theme-accent-blue mdui-loaded" id="p-d">
<div class="home-bodg"></div> <div class="home-bodg"></div>
@@ -105,27 +93,27 @@
<div class="mdui-hidden-xs-down zhe " style="height:100vh"> <div class="mdui-hidden-xs-down zhe " style="height:100vh">
<div class="mdui-container"> <div class="mdui-container">
<ul class="mdui-list"> <ul class="mdui-list">
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="200ms"> <div class="dnone idc mdui-chip " data-wow-delay="200ms">
<img class="mdui-chip-icon" src="https://avatars.githubusercontent.com/u/125862745?v=4"/> <img class="mdui-chip-icon" src="https://avatars.githubusercontent.com/u/125862745?v=4"/>
<span class="mdui-chip-title">Akatsuki-Misaki</span> <span class="mdui-chip-title">Akatsuki-Misaki</span>
</div> </div>
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="300ms"> <div class="dnone idc mdui-chip " data-wow-delay="300ms">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100"/> <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100"/>
<span class="mdui-chip-title">Cheng</span> <span class="mdui-chip-title">Cheng</span>
</div> </div>
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="400ms"> <div class="dnone idc mdui-chip " data-wow-delay="400ms">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2327680068&s=100"/> <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2327680068&s=100"/>
<span class="mdui-chip-title">yuanzhi</span> <span class="mdui-chip-title">yuanzhi</span>
</div> </div>
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="500ms"> <div class="dnone idc mdui-chip" data-wow-delay="500ms">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3052013768&s=100"/> <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3052013768&s=100"/>
<span class="mdui-chip-title">CcranesQ</span> <span class="mdui-chip-title">CcranesQ</span>
</div> </div>
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="600ms"> <div class="dnone idc mdui-chip" data-wow-delay="600ms">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2274889340&s=100"/> <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2274889340&s=100"/>
<span class="mdui-chip-title">xing_cheng</span> <span class="mdui-chip-title">xing_cheng</span>
</div> </div>
<div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="700ms"> <div class="dnone idc mdui-chip" data-wow-delay="700ms">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=1345708097&s=100"/> <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=1345708097&s=100"/>
<span class="mdui-chip-title">yun_luo</span> <span class="mdui-chip-title">yun_luo</span>
</div> </div>
@@ -137,27 +125,27 @@
<div style="width: 90%;height:100vh" class="mdui-center"> <div style="width: 90%;height:100vh" class="mdui-center">
<div class="mdui-container"> <div class="mdui-container">
<div style="margin-left:-(width/2)"> <div style="margin-left:-(width/2)">
<div class="idc mdui-chip " data-wow-delay="200ms"> <div class="dnone idc mdui-chip " data-wow-delay="200ms">
<img class="idc mdui-chip-icon" src="https://avatars.githubusercontent.com/u/125862745?v=4"/> <img class="dnone idc mdui-chip-icon" src="https://avatars.githubusercontent.com/u/125862745?v=4"/>
<span class="mdui-chip-title">Akatsuki-Misaki</span> <span class="mdui-chip-title">Akatsuki-Misaki</span>
</div> </div>
<div class="idc mdui-chip " data-wow-delay="300ms"> <div class="dnone idc mdui-chip " data-wow-delay="300ms">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100"/> <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100"/>
<span class="mdui-chip-title">Cheng</span> <span class="mdui-chip-title">Cheng</span>
</div> </div>
<div class="idc mdui-chip " data-wow-delay="400ms"> <div class="dnone idc mdui-chip " data-wow-delay="400ms">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2327680068&s=100"/> <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2327680068&s=100"/>
<span class="mdui-chip-title">yuanzhi</span> <span class="mdui-chip-title">yuanzhi</span>
</div> </div>
<div class="idc mdui-chip " data-wow-delay="500ms"> <div class="dnone idc mdui-chip " data-wow-delay="500ms">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3052013768&s=100"/> <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3052013768&s=100"/>
<span class="mdui-chip-title">CcranesQ</span> <span class="mdui-chip-title">CcranesQ</span>
</div> </div>
<div class="idc mdui-chip " data-wow-delay="600ms"> <div class="dnone idc mdui-chip " data-wow-delay="600ms">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2274889340&s=100"/> <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2274889340&s=100"/>
<span class="mdui-chip-title">xing_cheng</span> <span class="mdui-chip-title">xing_cheng</span>
</div> </div>
<div class="idc mdui-chip" data-wow-delay="700ms"> <div class="dnone idc mdui-chip" data-wow-delay="700ms">
<img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=1345708097&s=100"/> <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=1345708097&s=100"/>
<span class="mdui-chip-title">yun_luo</span> <span class="mdui-chip-title">yun_luo</span>
</div> </div>
@@ -192,14 +180,12 @@
<script src="Static\mdui-v1.0.1\js\wow.min.js" type="text/javascript"></script> <script src="Static\mdui-v1.0.1\js\wow.min.js" type="text/javascript"></script>
<script src="Static\bootstrap-4.6.2-dist\js\bootstrap.min.js" type="text/javascript"></script> <script src="Static\bootstrap-4.6.2-dist\js\bootstrap.min.js" type="text/javascript"></script>
<script> <script>
$(window).on('load', function { // 网页完成前阻止滚动条网页加载完成后恢复滚动条
$('body').css({overflow: 'hidden'}); $(document).ready(function () {
setTimeout(function () { $("body").css("overflow", "auto");
$('body').css({overflow: 'auto'}); $('.idc').removeClass('dnone');
$('#loadprogress').hide(); $('.idc').addClass('wow animate__animated animate__fadeInRight');
new WOW().init(); new WOW().init();
$('.idc').addClass('wow animate__animated animate__fadeInRight');
});
}); });
</script> </script>
</body> </body>