Uh oh!
There was an error while loading. Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathscript.js
More file actions
Latest commit
106 lines (97 loc) · 4.11 KB
/
Copy pathscript.js
File metadata and controls
106 lines (97 loc) · 4.11 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
// --------------- 修改：使用固定主题色（保留原交互逻辑） ---------------
(functionapplyFixedTheme(){
constprimaryHex='#44b3d3';
constaccentHex=getComputedStyle(document.documentElement).getPropertyValue('--accent')||'#f97316';
document.documentElement.style.setProperty('--primary',primaryHex);
// 保持现有 accent（如需改变可在此修改）
document.documentElement.style.setProperty('--accent',accentHex.trim());
constmeta=document.querySelector('meta[name="theme-color"]');
if(meta)meta.setAttribute('content',primaryHex);
})();
// --------------- 下面为已有交互逻辑（保留并放置在同一文件中） ---------------
// 平滑滚动并在移动端关闭菜单
document.querySelectorAll('a[href^="#"]').forEach(anchor=>{
anchor.addEventListener('click',function(e){
consthref=this.getAttribute('href');
if(!href||href==='#')return;
e.preventDefault();
consttarget=document.querySelector(href);
if(target){
target.scrollIntoView({behavior: 'smooth',block: 'start'});
constnavLinks=document.querySelector('.nav-links');
constnavToggle=document.querySelector('.nav-toggle');
if(navLinks&&navLinks.classList.contains('show')){
navLinks.classList.remove('show');
if(navToggle)navToggle.setAttribute('aria-expanded','false');
}
}
});
});
// 为所有功能卡片添加 hover/leave 效果
document.querySelectorAll('.feature-card').forEach(card=>{
card.addEventListener('mouseenter',()=>{
card.style.transform='translateY(-8px)';
card.style.boxShadow='0 18px 40px rgba(8,15,30,0.08)';
});
card.addEventListener('mouseleave',()=>{
card.style.transform='';
card.style.boxShadow='';
});
});
// 导航栏滚动效果
constnavbar=document.querySelector('.navbar');
window.addEventListener('scroll',()=>{
if(!navbar)return;
if(window.scrollY>30){
navbar.style.boxShadow='0 10px 30px rgba(8,15,30,0.08)';
navbar.style.transform='translateY(0)';
}else{
navbar.style.boxShadow='none';
}
});
// 移动导航切换与外部点击关闭（增强：切换 .open 用于图标旋转动画）
constnavToggle=document.querySelector('.nav-toggle');
constnavLinks=document.querySelector('.nav-links');
if(navToggle&&navLinks){
navToggle.addEventListener('click',(e)=>{
e.stopPropagation();
constexpanded=navToggle.getAttribute('aria-expanded')==='true';
navToggle.setAttribute('aria-expanded',String(!expanded));
navLinks.classList.toggle('show');
navToggle.classList.toggle('open');// 新增：控制旋转样式
});
document.addEventListener('click',(e)=>{
if(!navLinks.contains(e.target)&&!navToggle.contains(e.target)){
navLinks.classList.remove('show');
navToggle.setAttribute('aria-expanded','false');
navToggle.classList.remove('open');
}
});
}
// 按钮波纹效果（点击时生成并在动画结束后移除）
document.querySelectorAll('.btn').forEach(btn=>{
btn.addEventListener('click',function(e){
constrect=this.getBoundingClientRect();
constx=e.clientX-rect.left;
consty=e.clientY-rect.top;
constripple=document.createElement('span');
ripple.className='ripple';
ripple.style.left=`${x}px`;
ripple.style.top=`${y}px`;
this.appendChild(ripple);
ripple.addEventListener('animationend',()=>ripple.remove());
});
});
// 进入视口动画（IntersectionObserver）
constio=newIntersectionObserver((entries,observer)=>{
entries.forEach(entry=>{
if(entry.isIntersecting){
entry.target.classList.add('in-view');
observer.unobserve(entry.target);
}
});
},{threshold: 0.12});
document.querySelectorAll('.fade-up, .feature-card, .hero-img').forEach(el=>{
el.classList.add('fade-up');
io.observe(el);
});