[主页]"关于我"可以重新打开

kagurazakayashi · Apr 14, 2017 · da0c548 · da0c548
1 parent 3dc44f4
commit da0c548
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 44 deletions.
diff --git a/home.html b/home.html
@@ -137,7 +137,7 @@ <h1>友链</h1>
                     <h2>LINKS</h2>
                 </span>
             </a>
-            <a href="https://www.yoooooooooo.com/yashi/index.php?p=4983" target="_blank">
+            <a href="javascript:openaboutme();" target="_blank">
                 <span>
                     <h1>关于</h1>
                     <h2>ABOUT</h2>
@@ -154,6 +154,7 @@ <h2>ABOUT</h2>
             <!--可<a id="disablemedia" class="linkbtn">开关媒体</a>以省流量。-->
         </div>
         <!--<script>(function(d,e,j,h,f,c,b){d.GoogleAnalyticsObject=f;d[f]=d[f]||function(){(d[f].q=d[f].q||[]).push(arguments)},d[f].l=1*new Date();c=e.createElement(j),b=e.getElementsByTagName(j)[0];c.async=1;c.src=h;b.parentNode.insertBefore(c,b)})(window,document,"script","//www.google-analytics.com/analytics.js","ga");ga("create","UA-74595381-1","auto");ga("send","pageview");</script>-->
+        <div id="yashipagetitle"><a href="javascript:unloadaboutme();">雅诗的小世界</a> > 关于我</div>
         <span id="closeyashipage"><a href="javascript:unloadaboutme();">×</a></span>
         <div id="yashipage">
             <div id="section1" class="section sectionw active">
@@ -174,7 +175,8 @@ <h1>梦想的诗。</h1>
                 <div class="sub">
                     <p>有时，梦想其实很简单。</p>
                     <p>无非是让一个个单字充满韵律。</p>
-                    <p>mark 一下，<br>与大家一起谱写我们的诗集。</p>
+                    <p>mark 一下，</p>
+                    <p>与大家一起谱写我们的诗集。</p>
                     <p><a href="#">我的 Github</a></p>
                 </div>
                 </div>

diff --git a/homepage/aboutme.css b/homepage/aboutme.css
@@ -119,8 +119,21 @@
 	text-align: center;
 	border-radius: 10px;
 }
+#yashipagetitle {
+	position: fixed;
+	top: 15px;
+	left: 20px;
+	width: 100%;
+	z-index: 9;
+	font-size: 10pt;
+	text-align: left;
+	color: gray;
+}
+#yashipagetitle a {
+	color: gray;
+}
 #closeyashipage a {
-	color: lightgray;
+	color: #FFF;
 }
 #section1 {
 	background: url(aboutme/shenghuo.jpg) no-repeat right center;

diff --git a/homepage/aboutme.js b/homepage/aboutme.js
diff --git a/homepage/yashihome.js b/homepage/yashihome.js
@@ -1,6 +1,7 @@
 var timer_subtitle = null;
 var timer_subtitles = "KagurazakaYashi's Blog";
 var timer_subtitlei = 0;
+var manualopenaboutme = false;
 $(document).ready(function(){
     loadnyarukoplayer();
     loadaboutme();
@@ -27,6 +28,20 @@ function loadnyarukoplayer() {
     }
     timer_subtitle_start();
 }
+function openaboutme() {
+    manualopenaboutme = true;
+    //$('#yashipage').css("display","inline");
+    $('#yashipage').animate({
+        "left":"0%"
+    },1000,function () {
+        $('#fp-nav').css("display","inline");
+        $('#closeyashipage').css("display","inline");
+        $('#yashipagetitle').css("display","inline");
+        $.fn.fullpage.setAllowScrolling(true);
+        $.fn.fullpage.setKeyboardScrolling(true);
+        $.fn.fullpage.moveTo(1, 1);
+    });
+}
 function loadaboutme() {
     $('#yashipage').fullpage({
         navigationTooltips: [
@@ -64,14 +79,21 @@ function loadaboutme() {
     });
 }
 function unloadaboutme() {
-    $('#yashipage').unbind();
-    $('#fp-nav').remove();
-    $('#closeyashipage').remove();
-    nyarukoplayer_playnow();
+    // $('#yashipage').unbind();
+    // $('#fp-nav').remove();
+    // $('#closeyashipage').remove();
+    $('#fp-nav').css("display","none");
+    $('#closeyashipage').css("display","none");
+    $('#yashipagetitle').css("display","none");
+    $.fn.fullpage.setAllowScrolling(false);
+    $.fn.fullpage.setKeyboardScrolling(false);
+    if (!manualopenaboutme) {
+        nyarukoplayer_playnow();
+    }
     $('#yashipage').animate({
         "left":"200%"
     },1000,function () {
-        $('#yashipage').remove();
+        //$('#yashipage').css("display","none");
     });
 }
 function showprivacy() {