2024.4.27（结组第7天）

代码：110行

博客园：1篇

今天用下午公休的时间将代码进行了完善，前端大致框架已经完成了，我使用JavaScript+css做了一个精美的导航栏。

 当鼠标放到“首页”、“心理健康”、“人文科技”、“网络安全”上时还会有一个动态的效果，例如下面网络安全下面的部分：

 这是JavaScript方面的代码

const wrapper=document.querySelector('.wrapper');
const loginLink=document.querySelector('.login-link');
const registerLink=document.querySelector('.register-link');
const btnPopup=document.querySelector('.btnLogin-popup');
const iconClose=document.querySelector('.icon-close');


registerLink.addEventListener('click',()=>{
    wrapper.classList.add('active');
});

loginLink.addEventListener('click',()=>{
    wrapper.classList.remove('active');

});

btnPopup.addEventListener('click',()=>{
    wrapper.classList.add('active-popup');
});

iconClose.addEventListener('click',()=>{
    wrapper.classList.remove('active-popup');
});

const btncard=document.querySelector('.card');
btncard.addEventListener('click',()=>{
    page.classList.add('.card');
});