相遇即缘分。每个相遇日都是缘分的碰撞。
源代码: Github
执行环境
Windows 7/10 (其他版本自测哈)
操作步骤
- 获得css、js、html三个部分的文件。
- 双击 index.html 在浏览器即可观看到效果。
左侧是一段表述腻歪、开心和相爱到老等甜蜜的话;
右侧会展开一个心形的桃心,中间是相遇时间距今时间。
- 整个界面采用打字式逐渐显示出来的,暂不支持其他显示方式 。
最终效果
GW7qpT.png自定义
以下操作建议使用vsCode打开进行编辑,简称编辑;
相遇时间自定义
左侧
编辑index.html 在 27行 后边,将2018-08-18 改为自定义的相遇时间即可。
右侧
编辑index.html 在 77,78,79,80行 ,是右侧计时器的开始时间,年、月、日、时、分、秒。当前是 2018年7月18日14时20分0秒。
将月份减少一个月(忘记是哪个问题了,自测时间跨度准确性哈)
两位主人公自定义
左侧
编辑index.html 在 29、30行 修改后边的 大喵喵(男),大宝宝(女),修改为自定义主人公名称即可。
右侧
心下边有一个落款也需要修改一下,编辑index.html 在 61行 修改 大喵喵(男) 为发起方的名称即可。
网友评论