Initial WordPress theme

assets/js/main.js

@@ -0,0 +1,153 @@
+(function() {
+  'use strict';
+
+  function initHeader() {
+    var header = document.querySelector('.gongxue-header');
+    if (!header) return;
+    var update = function() { header.classList.toggle('scrolled', window.scrollY > 20); };
+    window.addEventListener('scroll', update, { passive: true });
+    update();
+  }
+
+  function initHeaderFocusGuard() {
+    var header = document.querySelector('.gongxue-header');
+    if (!header) return;
+
+    var clearFocus = function(target) {
+      if (target && typeof target.blur === 'function') {
+        requestAnimationFrame(function() { target.blur(); });
+      }
+    };
+
+    header.addEventListener('pointerdown', function(e) {
+      clearFocus(e.target.closest('a,button'));
+    });
+    header.addEventListener('click', function(e) {
+      clearFocus(e.target.closest('a,button'));
+    });
+    window.addEventListener('pageshow', function() {
+      if (header.contains(document.activeElement)) {
+        clearFocus(document.activeElement);
+      }
+    });
+  }
+
+  function initMobileMenu() {
+    var toggle = document.querySelector('.mobile-menu-toggle');
+    var menu = document.querySelector('.mobile-menu');
+    if (!toggle || !menu) return;
+    toggle.addEventListener('click', function() {
+      var open = menu.classList.contains('active');
+      menu.classList.toggle('active');
+      menu.classList.toggle('hidden');
+      document.body.style.overflow = open ? '' : 'hidden';
+    });
+    menu.querySelectorAll('a').forEach(function(link) {
+      link.addEventListener('click', function() {
+        menu.classList.remove('active');
+        menu.classList.add('hidden');
+        document.body.style.overflow = '';
+      });
+    });
+  }
+
+  function initHeroVideo() {
+    document.querySelectorAll('[data-gx-video]').forEach(function(box) {
+      var video = box.querySelector('video');
+      var play = box.querySelector('[data-gx-play]');
+      var cover = box.querySelector('[data-gx-cover]');
+      if (!video || !play) return;
+      play.addEventListener('click', function() {
+        if (!video.src && video.dataset.src) video.src = video.dataset.src;
+        video.controls = true;
+        video.play();
+        video.classList.remove('opacity-0');
+        video.classList.add('opacity-100');
+        if (cover) cover.classList.add('hidden');
+        play.classList.add('hidden');
+      });
+    });
+  }
+
+  function initModals() {
+    document.querySelectorAll('[data-gx-modal-open]').forEach(function(button) {
+      button.addEventListener('click', function() {
+        var modal = document.querySelector(button.dataset.gxModalOpen);
+        if (modal) modal.classList.add('active');
+      });
+    });
+    document.querySelectorAll('[data-gx-modal-close], .gx-modal-backdrop').forEach(function(button) {
+      button.addEventListener('click', function() {
+        var modal = button.closest('.gx-modal');
+        if (modal) modal.classList.remove('active');
+      });
+    });
+  }
+
+  function initFloatingService() {
+    var toggle = document.querySelector('.service-toggle');
+    var menu = document.querySelector('.service-menu');
+    if (!toggle || !menu) return;
+    toggle.addEventListener('click', function() {
+      menu.classList.toggle('closed');
+      toggle.classList.toggle('rotate-90');
+    });
+    document.addEventListener('click', function(e) {
+      var service = document.querySelector('.floating-service');
+      if (service && !service.contains(e.target)) {
+        menu.classList.add('closed');
+        toggle.classList.remove('rotate-90');
+      }
+    });
+  }
+
+  function initShare() {
+    document.querySelectorAll('.gx-share').forEach(function(button) {
+      button.addEventListener('click', function() {
+        var url = button.dataset.url || location.href;
+        var title = button.dataset.title || document.title;
+        if (navigator.share) {
+          navigator.share({ title: title, url: url }).catch(function() {});
+        } else if (navigator.clipboard) {
+          navigator.clipboard.writeText(url);
+          button.textContent = '链接已复制';
+          setTimeout(function() { button.textContent = '分享文章'; }, 1400);
+        }
+      });
+    });
+  }
+
+  function initCounters() {
+    var nodes = document.querySelectorAll('[data-count-end]');
+    if (!nodes.length || !('IntersectionObserver' in window)) return;
+    var observer = new IntersectionObserver(function(entries) {
+      entries.forEach(function(entry) {
+        if (!entry.isIntersecting || entry.target.dataset.done) return;
+        entry.target.dataset.done = '1';
+        var el = entry.target;
+        var end = parseFloat(el.dataset.countEnd) || 0;
+        var suffix = el.dataset.countSuffix || '';
+        var start = performance.now();
+        function frame(now) {
+          var t = Math.min((now - start) / 1800, 1);
+          var value = end * (1 - Math.pow(1 - t, 4));
+          el.textContent = Math.round(value) + suffix;
+          if (t < 1) requestAnimationFrame(frame);
+        }
+        requestAnimationFrame(frame);
+      });
+    }, { threshold: 0.4 });
+    nodes.forEach(function(node) { observer.observe(node); });
+  }
+
+  document.addEventListener('DOMContentLoaded', function() {
+    initHeader();
+    initHeaderFocusGuard();
+    initMobileMenu();
+    initHeroVideo();
+    initModals();
+    initFloatingService();
+    initShare();
+    initCounters();
+  });
+})();