mirror of
https://github.com/imsyy/home.git
synced 2024-11-16 03:32:17 +08:00
完善页面进入动画
This commit is contained in:
parent
ec5f157f2a
commit
35c6d60a35
|
@ -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 {
|
||||||
|
|
|
@ -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 + " 年 " + mm + " 月 " + d + " 日 " + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>";
|
//document.getElementById("time").innerHTML = y + " 年 " + mm + " 月 " + d + " 日 " + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>";
|
||||||
|
$("#time").html(y + " 年 " + mm + " 月 " + d + " 日 " + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>");
|
||||||
t = setTimeout(time, 1000);
|
t = setTimeout(time, 1000);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user