diff --git a/css/mobile.css b/css/mobile.css index 83e1869..42bf389 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -34,6 +34,11 @@ /*小于992px时*/ @media (max-width: 992px) { + /*简介不可点击*/ + .message { + pointer-events: none; + } + /*一言*/ .col.hitokotos { display: none; @@ -109,7 +114,7 @@ justify-content: space-between; } */ - + /*社交链接*/ .social { max-width: 100%; @@ -216,7 +221,8 @@ .logo, .line, .main-img, -.social { +.social, +.close { animation: fade 0.5; -webkit-animation: fade 0.5s; -moz-animation: fade 0.5s; diff --git a/css/style.css b/css/style.css index a5c578c..8e47e60 100644 --- a/css/style.css +++ b/css/style.css @@ -242,7 +242,10 @@ span.time-text { display: none; } +/*关闭按钮*/ + .close { + display: none; left: auto; top: 4px; right: 8px; diff --git a/index.html b/index.html index 9544f66..f162805 100644 --- a/index.html +++ b/index.html @@ -215,8 +215,8 @@ imsyy.top -
-
+
+
时间胶囊 diff --git a/js/main.js b/js/main.js index 7fb6a92..1b60112 100644 --- a/js/main.js +++ b/js/main.js @@ -212,4 +212,11 @@ window.addEventListener('load', function () { } }) +}) + +//更多页面显示关闭按钮 +$("#more").hover(function(){ + document.getElementById("close").style.cssText = "display: block"; +},function(){ + document.getElementById("close").style.cssText = "display: none"; }) \ No newline at end of file