Skip to content

XBSDS/birthday-code

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

1.基本运行过程

  1. 双击”点击这里.html",会打开本地的浏览器进行播放,页面如下所示。
image
  1. 点击页面黑色框后,会自动播放“小黄人”视频。

  2. 初始密码我设置的为“0000”(后面会展示怎样修改此处密码部分)。

  3. 后面在倒计时“3、2、1”结束,出现以下页面前可能会有一段时间的空置,小生本地的时间间隔是刚刚好,可能因电脑不同而有所区别。下图中只能点击“我真喜欢”,“我不喜欢”是点不了的 image

  4. 在文字页面的最后,点击“彩蛋”那个框框,会继续播放后面的页面image

  5. 在下图中点击“礼物盒”,会出现“图片”从下到上,逐渐变大浮现的效果,持续大概10秒左右image

  6. 最后,在倒计时结束后,出现最后“粒子交织”的画面,代码到此正式结束。image

2.部分修改建议 (1)密码修改(可能后面有时间我会将这一块给删除掉,感觉有点麻烦) 在html文件夹下的login.html文件中 image

在js文件夹下的jquery-1.8.4.min.js文件中 image

两处一定要同步修改

(2)内容修改(处于“html”文件夹或者“js”文件夹下进行修改) <1>彩蛋.htmlimage

红框中是最后“粒子”显示的内容 <2>1.html image

红框中是倒数第二个页面显示的文字内容 <3>Memories.html 共有6屏的内容可供修改,也可以自行删去不需要的“屏”或者添加多余的“屏”,在“叉号”处修改内容即可。 image

<4>indexl.js 文字内容自行修改 image

记得修改内容后注意播放时间的修改,更改数字即可 image

(3)音乐修改(修改代码的文件均位于html文件夹下) 前提:记得在music文件夹中下载自己喜欢音乐才方便后面的调用,之后按照文件路径修改图中代码即可 <1>index1.html(登录页面的播放音乐) image

<2>Memories.html(文字屏的音乐) image

<3>BirthdayCake.html(蛋糕界面的音乐) image

(4)图片修改(代码部分的修改均在html文件夹中) 前提:记得在img文件夹中下载自己喜欢的图片,相应地可以在在html文件夹中进行修改 倒数第二个页面“图片浮现”的效果处,想要更改图片可以在img文件夹中,将所要更换的图片命名为“流图1”、“流图2”······,这样比较简单,或者能看懂代码的话可以在对应的“1.html”中进行修改(“2.html”是我之前制作的网页,对整个代码运行没有影响,可以删除) image

写的可能没有那么清楚,后续会持续改进,欢迎大家的批评指正,谢谢

About

小生最初是从B站上发现的这类代码,但是基本都是扫码关注微信公众号然后给你发压缩包,没有人去讲解,后面自己花了很长时间去慢慢地理解和调整修改代码,最终形成了这一版。小生本人并不是计算机相关专业的,也不是大佬,只是单纯地对这个感兴趣去做了一点点改进,希望能给大家带来一些代码运行后的快乐,欢迎诸位的交流和批评指正,后续如果有时间可能会在改进改进。(最初修改代码是为了发给一个喜欢的女生,不过结果很不尽人意,此版代码我已经删去隐私信息,大家可以放心使用)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors