caojiezi2003/Homepage-imsyy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善页面进入动画

Browse Source
This commit is contained in:
底层用户 2022-01-20 21:56:06 +08:00
parent ec5f157f2a
commit 35c6d60a35
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/style.css
View File

@ -52,8 +52,9 @@ section {
height: 100%; height: 100%;
min-height: 600px; min-height: 600px;
transform: scale(1.10); transform: scale(1.10);
transition: 1.5s; transition: ease 1.25s;
opacity: 0; opacity: 0;
filter: blur(10px);
} }
main { main {

5
js/main.js
View File

@ -1,7 +1,7 @@
//加载动画 //加载动画
window.addEventListener('load', function () { window.addEventListener('load', function () {
$('#loading-box').attr('class', 'loaded'); $('#loading-box').attr('class', 'loaded');
$('#section').css("cssText", "transform: scale(1) !important;opacity: 1 !important"); $('#section').css("cssText", "transform: scale(1) !important;opacity: 1 !important;filter: blur(0px) !important");
}, false) }, false)
//弹窗样式 //弹窗样式
@ -65,7 +65,8 @@ function time() {
if (s < 10) { if (s < 10) {
s = "0" + s; s = "0" + s;
} }
document.getElementById("time").innerHTML = y + "&nbsp;年&nbsp;" + mm + "&nbsp;月&nbsp;" + d + "&nbsp;日&nbsp;" + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>"; //document.getElementById("time").innerHTML = y + "&nbsp;年&nbsp;" + mm + "&nbsp;月&nbsp;" + d + "&nbsp;日&nbsp;" + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>";
$("#time").html(y + "&nbsp;年&nbsp;" + mm + "&nbsp;月&nbsp;" + d + "&nbsp;日&nbsp;" + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>");
t = setTimeout(time, 1000); t = setTimeout(time, 1000);
} }