一、详细介绍
含首页,内页 ,收录提交页,到手就可以用,随意接入后台使用,仅供学习 无后台版,需要自己傻瓜式接入一下。
二、效果展示
1.部分代码
代码如下(示例):
const loginModal = document.getElementById('login-modal');
const registerModal = document.getElementById('register-modal');
const closeLoginModal = document.getElementById('close-login-modal');
const closeRegisterModal = document.getElementById('close-register-modal');
closeLoginModal.addEventListener('click', function() {
loginModal.classList.add('hidden');
});
closeRegisterModal.addEventListener('click', function() {
registerModal.classList.add('hidden');
});
// 点击模态框外部关闭
loginModal.addEventListener('click', function(event) {
if (event.target === loginModal) {
loginModal.classList.add('hidden');
}
});
registerModal.addEventListener('click', function(event) {
if (event.target === registerModal) {
registerModal.classList.add('hidden');
}
});
2.效果图展示
三、学习资料下载
蓝奏云:https://qumaw.lanzoul.com/iFwym31lumkd