前言

想法起源
自己其实早就想搞一个生日快乐祝福的html网页项目了,只不过因为各种原因一直鸽着,正好有人过生日,嘿嘿

项目设计
打算用做一个网页端的,所以说要涉及html,之后用css来美化,js来进行判断.最后放在GitHub上进行网页托管.(说起来容易做起来难)

制作过程

1.首先我在网上搜集了半天的代码,选用了几个好看的来进行魔改

2.编写了一(亿)点js

3.增加密码判断机制

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$('#login-button').click(function (event) {
var userName=document.getElementById("userName").value;
var pwd=document.getElementById("pwd").value;
//修改密码请改此处
if(userName=="123" && pwd=="123"){
event.preventDefault();
$('form').fadeOut(500);
$('.wrapper').addClass('form-success');
setTimeout(function(){location.href="BirthdayCake.html";},2000);
}
else{
alert("Wrong Password");
}
});

4.进行一点修改
5.完工

项目开源

已经在GitHub开源,自取(已经增加了移动端的适配)

总结

又水了一篇,嘿嘿(bushi)

这篇文章真的花费了小王很多时间和精力,能不能投喂一下小王qwq(下方打赏按钮)